@serendie/ui 2.2.2 → 2.2.3-dev.202510140746

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/components/DatePicker/DatePicker.d.ts +1 -0
  2. package/dist/components/DatePicker/DatePicker.js +98 -97
  3. package/dist/components/Select/Select.d.ts +1 -0
  4. package/dist/components/Select/Select.js +40 -36
  5. package/dist/components/TextArea/TextArea.d.ts +1 -0
  6. package/dist/components/TextArea/TextArea.js +16 -15
  7. package/dist/components/TextField/TextField.d.ts +1 -0
  8. package/dist/components/TextField/TextField.js +22 -21
  9. package/dist/styles.css +1 -1
  10. package/package.json +1 -1
package/dist/components/DatePicker/DatePicker.d.ts CHANGED
@@ -3,6 +3,7 @@ interface DatePickerProps extends DatePickerRootProps {
3
3
  placeholder?: string;
4
4
  label?: string;
5
5
  required?: boolean;
6
+ requiredLabel?: string;
6
7
  invalid?: boolean;
7
8
  invalidMessage?: string;
8
9
  startPlaceholder?: string;
package/dist/components/DatePicker/DatePicker.js CHANGED
@@ -1,81 +1,82 @@
1
- import { jsx as e, jsxs as a, Fragment as y } from "react/jsx-runtime";
2
- import { SerendieSymbolCalendar as R, SerendieSymbolArrowRight as F, SerendieSymbolChevronDown as I, SerendieSymbolChevronLeft as W, SerendieSymbolChevronRight as O } from "@serendie/symbols";
3
- import { forwardRef as j, useState as H } from "react";
4
- import { datePickerStyles as C } from "./styles.js";
5
- import { textFieldRecipe as A } from "../../styled-system/recipes/text-field-recipe.js";
6
- import { Portal as L } from "../../node_modules/@ark-ui/react/dist/components/portal/portal.js";
7
- import { DatePickerRoot as k } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-root.js";
8
- import { DatePickerLabel as V } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-label.js";
9
- import { DatePickerControl as q } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-control.js";
10
- import { cx as p } from "../../styled-system/css/cx.js";
11
- import { DatePickerTrigger as B } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-trigger.js";
1
+ import { jsx as e, jsxs as a, Fragment as C } from "react/jsx-runtime";
2
+ import { SerendieSymbolCalendar as F, SerendieSymbolArrowRight as I, SerendieSymbolChevronDown as W, SerendieSymbolChevronLeft as O, SerendieSymbolChevronRight as j } from "@serendie/symbols";
3
+ import { forwardRef as H, useState as A } from "react";
4
+ import { datePickerStyles as v } from "./styles.js";
5
+ import { textFieldRecipe as L } from "../../styled-system/recipes/text-field-recipe.js";
6
+ import { Portal as V } from "../../node_modules/@ark-ui/react/dist/components/portal/portal.js";
7
+ import { DatePickerRoot as D } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-root.js";
8
+ import { DatePickerLabel as q } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-label.js";
9
+ import { DatePickerControl as B } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-control.js";
10
+ import { cx as h } from "../../styled-system/css/cx.js";
11
+ import { DatePickerTrigger as J } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-trigger.js";
12
12
  import { css as t } from "../../styled-system/css/css.js";
13
- import { DatePickerInput as h } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-input.js";
14
- import { DatePickerPositioner as J } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-positioner.js";
15
- import { DatePickerContent as Y } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-content.js";
16
- import { DatePickerView as _ } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view.js";
17
- import { DatePickerContext as z } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-context.js";
18
- import { DatePickerViewControl as E } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view-control.js";
19
- import { DatePickerYearSelect as G } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-year-select.js";
20
- import { DatePickerPrevTrigger as K } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-prev-trigger.js";
21
- import { DatePickerMonthSelect as Q } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-month-select.js";
22
- import { DatePickerNextTrigger as U } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-next-trigger.js";
23
- import { DatePickerTable as X } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table.js";
24
- import { DatePickerTableHead as Z } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-head.js";
25
- import { DatePickerTableRow as D } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-row.js";
26
- import { DatePickerTableHeader as $ } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-header.js";
27
- import { DatePickerTableBody as M } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-body.js";
28
- import { DatePickerTableCell as ee } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-cell.js";
29
- import { DatePickerTableCellTrigger as re } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-cell-trigger.js";
30
- const Ie = j(
13
+ import { DatePickerInput as f } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-input.js";
14
+ import { DatePickerPositioner as Y } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-positioner.js";
15
+ import { DatePickerContent as _ } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-content.js";
16
+ import { DatePickerView as z } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view.js";
17
+ import { DatePickerContext as E } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-context.js";
18
+ import { DatePickerViewControl as G } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-view-control.js";
19
+ import { DatePickerYearSelect as K } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-year-select.js";
20
+ import { DatePickerPrevTrigger as Q } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-prev-trigger.js";
21
+ import { DatePickerMonthSelect as U } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-month-select.js";
22
+ import { DatePickerNextTrigger as X } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-next-trigger.js";
23
+ import { DatePickerTable as Z } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table.js";
24
+ import { DatePickerTableHead as $ } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-head.js";
25
+ import { DatePickerTableRow as b } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-row.js";
26
+ import { DatePickerTableHeader as M } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-header.js";
27
+ import { DatePickerTableBody as ee } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-body.js";
28
+ import { DatePickerTableCell as re } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-cell.js";
29
+ import { DatePickerTableCellTrigger as ie } from "../../node_modules/@ark-ui/react/dist/components/date-picker/date-picker-table-cell-trigger.js";
30
+ const We = H(
31
31
  ({
32
32
  placeholder: r = "日付を選択",
33
- label: l,
34
- required: m,
35
- invalid: o,
36
- invalidMessage: n,
37
- selectionMode: s = "single",
38
- startPlaceholder: v = "開始日",
39
- endPlaceholder: x = "終了日",
40
- locale: f = "ja-JP",
41
- isCalendarOnly: S = !1,
42
- ...c
43
- }, N) => {
44
- const T = C(), i = A(), [g, d] = H(!1), w = s === "range";
45
- return S ? /* @__PURE__ */ e(
46
- k,
33
+ label: o,
34
+ required: l,
35
+ requiredLabel: m,
36
+ invalid: n,
37
+ invalidMessage: c,
38
+ selectionMode: p = "single",
39
+ startPlaceholder: x = "開始日",
40
+ endPlaceholder: S = "終了日",
41
+ locale: N = "ja-JP",
42
+ isCalendarOnly: T = !1,
43
+ ...s
44
+ }, g) => {
45
+ const w = v(), i = L(), [u, d] = A(!1), R = p === "range";
46
+ return T ? /* @__PURE__ */ e(
47
+ D,
47
48
  {
48
- locale: f,
49
- ...c,
50
- ref: N,
51
- selectionMode: s,
49
+ locale: N,
50
+ ...s,
51
+ ref: g,
52
+ selectionMode: p,
52
53
  open: !0,
53
54
  className: i.root,
54
- children: /* @__PURE__ */ e(b, {})
55
+ children: /* @__PURE__ */ e(y, {})
55
56
  }
56
57
  ) : /* @__PURE__ */ a(
57
- k,
58
+ D,
58
59
  {
59
- locale: f,
60
- ...c,
61
- ref: N,
62
- selectionMode: s,
60
+ locale: N,
61
+ ...s,
62
+ ref: g,
63
+ selectionMode: p,
63
64
  className: i.root,
64
- open: g,
65
- onOpenChange: (u) => {
66
- var P;
67
- d(u.open), (P = c.onOpenChange) == null || P.call(c, u);
65
+ open: u,
66
+ onOpenChange: (P) => {
67
+ var k;
68
+ d(P.open), (k = s.onOpenChange) == null || k.call(s, P);
68
69
  },
69
70
  children: [
70
- /* @__PURE__ */ a(y, { children: [
71
- l && /* @__PURE__ */ a(V, { className: i.label, children: [
72
- l,
73
- m && /* @__PURE__ */ e("span", { className: i.labelRequired, children: "必須" })
71
+ /* @__PURE__ */ a(C, { children: [
72
+ o && /* @__PURE__ */ a(q, { className: i.label, children: [
73
+ o,
74
+ l && /* @__PURE__ */ e("span", { className: i.labelRequired, children: m ?? "必須" })
74
75
  ] }),
75
76
  /* @__PURE__ */ a(
76
- q,
77
+ B,
77
78
  {
78
- className: p(
79
+ className: h(
79
80
  i.inputWrapper,
80
81
  t({
81
82
  _expanded: {
@@ -84,11 +85,11 @@ const Ie = j(
84
85
  }
85
86
  })
86
87
  ),
87
- "data-expanded": g ? !0 : void 0,
88
- "data-Invalid": o,
88
+ "data-expanded": u ? !0 : void 0,
89
+ "data-Invalid": n,
89
90
  children: [
90
- /* @__PURE__ */ e("div", { className: i.leftContent, children: /* @__PURE__ */ e(B, { className: t({ display: "flex" }), children: /* @__PURE__ */ e(R, {}) }) }),
91
- w ? /* @__PURE__ */ a(
91
+ /* @__PURE__ */ e("div", { className: i.leftContent, children: /* @__PURE__ */ e(J, { className: t({ display: "flex" }), children: /* @__PURE__ */ e(F, {}) }) }),
92
+ R ? /* @__PURE__ */ a(
92
93
  "div",
93
94
  {
94
95
  className: t({
@@ -98,11 +99,11 @@ const Ie = j(
98
99
  }),
99
100
  children: [
100
101
  /* @__PURE__ */ e(
101
- h,
102
+ f,
102
103
  {
103
104
  index: 0,
104
- placeholder: v,
105
- className: p(
105
+ placeholder: x,
106
+ className: h(
106
107
  i.input,
107
108
  t({
108
109
  minWidth: "100%",
@@ -112,13 +113,13 @@ const Ie = j(
112
113
  onFocus: () => d(!0)
113
114
  }
114
115
  ),
115
- /* @__PURE__ */ e(F, {}),
116
+ /* @__PURE__ */ e(I, {}),
116
117
  /* @__PURE__ */ e(
117
- h,
118
+ f,
118
119
  {
119
120
  index: 1,
120
- placeholder: x,
121
- className: p(
121
+ placeholder: S,
122
+ className: h(
122
123
  i.input,
123
124
  t({
124
125
  minWidth: "100%",
@@ -131,7 +132,7 @@ const Ie = j(
131
132
  ]
132
133
  }
133
134
  ) : /* @__PURE__ */ e(
134
- h,
135
+ f,
135
136
  {
136
137
  placeholder: r,
137
138
  className: i.input,
@@ -142,25 +143,25 @@ const Ie = j(
142
143
  ]
143
144
  }
144
145
  ),
145
- o && n && /* @__PURE__ */ e("div", { className: i.messageField, children: /* @__PURE__ */ e("p", { className: i.invalidMessage, children: n }) })
146
+ n && c && /* @__PURE__ */ e("div", { className: i.messageField, children: /* @__PURE__ */ e("p", { className: i.invalidMessage, children: c }) })
146
147
  ] }),
147
- /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(J, { className: T.positioner, children: /* @__PURE__ */ e(b, {}) }) })
148
+ /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(Y, { className: w.positioner, children: /* @__PURE__ */ e(y, {}) }) })
148
149
  ]
149
150
  }
150
151
  );
151
152
  }
152
- ), b = () => {
153
- const r = C();
154
- return /* @__PURE__ */ e(Y, { className: r.content, children: /* @__PURE__ */ e(_, { view: "day", className: r.view, children: /* @__PURE__ */ e(z, { children: (l) => /* @__PURE__ */ a(y, { children: [
155
- /* @__PURE__ */ a(E, { className: r.viewControl, children: [
153
+ ), y = () => {
154
+ const r = v();
155
+ return /* @__PURE__ */ e(_, { className: r.content, children: /* @__PURE__ */ e(z, { view: "day", className: r.view, children: /* @__PURE__ */ e(E, { children: (o) => /* @__PURE__ */ a(C, { children: [
156
+ /* @__PURE__ */ a(G, { className: r.viewControl, children: [
156
157
  /* @__PURE__ */ a("div", { className: r.selectWrapper, children: [
157
- /* @__PURE__ */ e(G, { className: r.select }),
158
- /* @__PURE__ */ e(I, { className: r.selectIcon })
158
+ /* @__PURE__ */ e(K, { className: r.select }),
159
+ /* @__PURE__ */ e(W, { className: r.selectIcon })
159
160
  ] }),
160
161
  /* @__PURE__ */ a("div", { className: t({ display: "flex", alignItems: "center" }), children: [
161
- /* @__PURE__ */ e(K, { className: r.prevTrigger, children: /* @__PURE__ */ e(W, {}) }),
162
+ /* @__PURE__ */ e(Q, { className: r.prevTrigger, children: /* @__PURE__ */ e(O, {}) }),
162
163
  /* @__PURE__ */ e(
163
- Q,
164
+ U,
164
165
  {
165
166
  className: t({
166
167
  appearance: "none",
@@ -168,36 +169,36 @@ const Ie = j(
168
169
  })
169
170
  }
170
171
  ),
171
- /* @__PURE__ */ e(U, { className: r.nextTrigger, children: /* @__PURE__ */ e(O, {}) })
172
+ /* @__PURE__ */ e(X, { className: r.nextTrigger, children: /* @__PURE__ */ e(j, {}) })
172
173
  ] })
173
174
  ] }),
174
- /* @__PURE__ */ a(X, { className: r.table, children: [
175
- /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(D, { children: l.weekDays.map((m, o) => /* @__PURE__ */ e(
176
- $,
175
+ /* @__PURE__ */ a(Z, { className: r.table, children: [
176
+ /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(b, { children: o.weekDays.map((l, m) => /* @__PURE__ */ e(
177
+ M,
177
178
  {
178
179
  className: r.tableHeader,
179
- children: m.narrow
180
+ children: l.narrow
180
181
  },
181
- o
182
+ m
182
183
  )) }) }),
183
- /* @__PURE__ */ e(M, { children: l.weeks.map((m, o) => /* @__PURE__ */ e(D, { children: m.map((n, s) => /* @__PURE__ */ e(
184
- ee,
184
+ /* @__PURE__ */ e(ee, { children: o.weeks.map((l, m) => /* @__PURE__ */ e(b, { children: l.map((n, c) => /* @__PURE__ */ e(
185
+ re,
185
186
  {
186
187
  value: n,
187
188
  className: r.tableCell,
188
189
  children: /* @__PURE__ */ e(
189
- re,
190
+ ie,
190
191
  {
191
192
  className: r.tableCellTrigger,
192
193
  children: n.day
193
194
  }
194
195
  )
195
196
  },
196
- s
197
- )) }, o)) })
197
+ c
198
+ )) }, m)) })
198
199
  ] })
199
200
  ] }) }) }) });
200
201
  };
201
202
  export {
202
- Ie as DatePicker
203
+ We as DatePicker
203
204
  };
package/dist/components/Select/Select.d.ts CHANGED
@@ -54,6 +54,7 @@ type Props = {
54
54
  placeholder?: string;
55
55
  label?: string;
56
56
  required?: boolean;
57
+ requiredLabel?: string;
57
58
  invalidMessage?: string;
58
59
  items?: selectItem[];
59
60
  collection?: SelectRootProps<selectItem>["collection"];
package/dist/components/Select/Select.js CHANGED
@@ -1,21 +1,21 @@
1
1
  import { jsxs as i, jsx as e } from "react/jsx-runtime";
2
2
  import { SerendieSymbolChevronDown as S } from "@serendie/symbols";
3
- import { List as f } from "../List/List.js";
4
- import { ListItem as v } from "../List/ListItem.js";
5
- import { createListCollection as w } from "../../node_modules/@ark-ui/react/dist/components/collection/list-collection.js";
6
- import { Portal as _ } from "../../node_modules/@ark-ui/react/dist/components/portal/portal.js";
7
- import { sva as C } from "../../styled-system/css/sva.js";
8
- import { SelectRoot as T } from "../../node_modules/@ark-ui/react/dist/components/select/select-root.js";
9
- import { cx as N } from "../../styled-system/css/cx.js";
10
- import { SelectLabel as z } from "../../node_modules/@ark-ui/react/dist/components/select/select-label.js";
3
+ import { List as v } from "../List/List.js";
4
+ import { ListItem as w } from "../List/ListItem.js";
5
+ import { createListCollection as _ } from "../../node_modules/@ark-ui/react/dist/components/collection/list-collection.js";
6
+ import { Portal as C } from "../../node_modules/@ark-ui/react/dist/components/portal/portal.js";
7
+ import { sva as T } from "../../styled-system/css/sva.js";
8
+ import { SelectRoot as N } from "../../node_modules/@ark-ui/react/dist/components/select/select-root.js";
9
+ import { cx as z } from "../../styled-system/css/cx.js";
10
+ import { SelectLabel as R } from "../../node_modules/@ark-ui/react/dist/components/select/select-label.js";
11
11
  import { css as d } from "../../styled-system/css/css.js";
12
- import { SelectControl as R } from "../../node_modules/@ark-ui/react/dist/components/select/select-control.js";
13
- import { SelectTrigger as V } from "../../node_modules/@ark-ui/react/dist/components/select/select-trigger.js";
14
- import { SelectValueText as L } from "../../node_modules/@ark-ui/react/dist/components/select/select-value-text.js";
15
- import { SelectPositioner as P } from "../../node_modules/@ark-ui/react/dist/components/select/select-positioner.js";
16
- import { SelectContent as B } from "../../node_modules/@ark-ui/react/dist/components/select/select-content.js";
17
- import { SelectItem as I } from "../../node_modules/@ark-ui/react/dist/components/select/select-item.js";
18
- const n = C({
12
+ import { SelectControl as V } from "../../node_modules/@ark-ui/react/dist/components/select/select-control.js";
13
+ import { SelectTrigger as L } from "../../node_modules/@ark-ui/react/dist/components/select/select-trigger.js";
14
+ import { SelectValueText as P } from "../../node_modules/@ark-ui/react/dist/components/select/select-value-text.js";
15
+ import { SelectPositioner as B } from "../../node_modules/@ark-ui/react/dist/components/select/select-positioner.js";
16
+ import { SelectContent as I } from "../../node_modules/@ark-ui/react/dist/components/select/select-content.js";
17
+ import { SelectItem as O } from "../../node_modules/@ark-ui/react/dist/components/select/select-item.js";
18
+ const l = T({
19
19
  slots: ["root", "valueText", "trigger", "content", "item", "iconBox"],
20
20
  base: {
21
21
  root: {
@@ -94,8 +94,12 @@ const n = C({
94
94
  w: "40px",
95
95
  display: "flex",
96
96
  justifyContent: "center",
97
+ transition: "transform 0.2s",
97
98
  "[data-disabled] &": {
98
99
  color: "sd.system.color.interaction.disabledOnSurface"
100
+ },
101
+ "[data-state='open'] &": {
102
+ transform: "rotate(180deg)"
99
103
  }
100
104
  }
101
105
  },
@@ -152,28 +156,29 @@ const n = C({
152
156
  defaultVariants: {
153
157
  size: "medium"
154
158
  }
155
- }), $ = ({
159
+ }), M = ({
156
160
  placeholder: c = "",
157
161
  label: r,
158
162
  required: p,
163
+ requiredLabel: y,
159
164
  invalid: a,
160
165
  invalidMessage: m,
161
- className: y,
162
- items: g = [],
163
- ...u
166
+ className: g,
167
+ items: u = [],
168
+ ...x
164
169
  }) => {
165
- const [t, x] = n.splitVariantProps(u), o = n(t), { collection: O, ...h } = x, l = w({
166
- items: g,
170
+ const [t, h] = l.splitVariantProps(x), o = l(t), { collection: j, ...b } = h, n = _({
171
+ items: u,
167
172
  itemToString: (s) => s.label,
168
173
  itemToValue: (s) => s.value
169
174
  });
170
175
  return /* @__PURE__ */ i(
171
- T,
176
+ N,
172
177
  {
173
- ...h,
174
- collection: l,
178
+ ...b,
179
+ collection: n,
175
180
  invalid: a,
176
- className: N(o.root, y),
181
+ className: z(o.root, g),
177
182
  positioning: {
178
183
  sameWidth: !0,
179
184
  offset: {
@@ -184,7 +189,7 @@ const n = C({
184
189
  children: [
185
190
  r && t.size != "small" && // smallの場合はラベルを表示しない
186
191
  /* @__PURE__ */ i(
187
- z,
192
+ R,
188
193
  {
189
194
  className: d({
190
195
  textStyle: {
@@ -194,23 +199,22 @@ const n = C({
194
199
  }),
195
200
  children: [
196
201
  r,
197
- p && // とりあえず必須メッセージはハードコード
198
- /* @__PURE__ */ e(
202
+ p && /* @__PURE__ */ e(
199
203
  "span",
200
204
  {
201
205
  className: d({
202
206
  pl: "sd.system.dimension.spacing.extraSmall",
203
207
  color: "sd.system.color.impression.negative"
204
208
  }),
205
- children: "必須"
209
+ children: y ?? "必須"
206
210
  }
207
211
  )
208
212
  ]
209
213
  }
210
214
  ),
211
- /* @__PURE__ */ e(R, { children: /* @__PURE__ */ i(V, { className: o.trigger, children: [
215
+ /* @__PURE__ */ e(V, { children: /* @__PURE__ */ i(L, { className: o.trigger, children: [
212
216
  /* @__PURE__ */ e(
213
- L,
217
+ P,
214
218
  {
215
219
  placeholder: c,
216
220
  className: o.valueText
@@ -231,20 +235,20 @@ const n = C({
231
235
  children: m
232
236
  }
233
237
  ),
234
- /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(B, { className: o.content, children: /* @__PURE__ */ e(f, { children: l.items.map((s, b) => /* @__PURE__ */ e(I, { item: s, children: /* @__PURE__ */ e(
235
- v,
238
+ /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(I, { className: o.content, children: /* @__PURE__ */ e(v, { children: n.items.map((s, f) => /* @__PURE__ */ e(O, { item: s, children: /* @__PURE__ */ e(
239
+ w,
236
240
  {
237
241
  title: s.label,
238
242
  value: s.value,
239
243
  className: o.item,
240
244
  size: t.size == "small" ? "small" : void 0
241
245
  }
242
- ) }, b)) }) }) }) })
246
+ ) }, f)) }) }) }) })
243
247
  ]
244
248
  }
245
249
  );
246
250
  };
247
251
  export {
248
- $ as Select,
249
- n as SelectStyle
252
+ M as Select,
253
+ l as SelectStyle
250
254
  };
package/dist/components/TextArea/TextArea.d.ts CHANGED
@@ -5,4 +5,5 @@ export declare const TextArea: React.ForwardRefExoticComponent<{
5
5
  invalid?: boolean;
6
6
  invalidMessage?: string;
7
7
  autoAdjustHeight?: boolean;
8
+ requiredLabel?: string;
8
9
  } & Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
package/dist/components/TextArea/TextArea.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { jsxs as i, jsx as s } from "react/jsx-runtime";
2
- import v from "../../node_modules/merge-refs/dist/esm/index.js";
3
- import c, { forwardRef as _ } from "react";
4
- import { sva as w } from "../../styled-system/css/sva.js";
5
- import { cx as C } from "../../styled-system/css/cx.js";
6
- const p = w({
2
+ import _ from "../../node_modules/merge-refs/dist/esm/index.js";
3
+ import c, { forwardRef as w } from "react";
4
+ import { sva as C } from "../../styled-system/css/sva.js";
5
+ import { cx as N } from "../../styled-system/css/cx.js";
6
+ const p = C({
7
7
  slots: [
8
8
  "root",
9
9
  "label",
@@ -95,23 +95,24 @@ const p = w({
95
95
  }
96
96
  }
97
97
  }
98
- }), A = _(
98
+ }), W = w(
99
99
  ({
100
100
  placeholder: y,
101
101
  label: r,
102
102
  description: t,
103
103
  required: d,
104
+ requiredLabel: u,
104
105
  invalidMessage: o,
105
106
  invalid: a,
106
107
  disabled: n,
107
- className: u,
108
+ className: g,
108
109
  ...l
109
- }, g) => {
110
- const x = c.useRef(null), h = v(x, g), [b, f] = p.splitVariantProps(l), e = p(b), S = t || a && o, m = l.id || c.useId();
111
- return /* @__PURE__ */ i("div", { className: C(e.root, u), children: [
110
+ }, x) => {
111
+ const h = c.useRef(null), b = _(h, x), [f, S] = p.splitVariantProps(l), e = p(f), v = t || a && o, m = l.id || c.useId();
112
+ return /* @__PURE__ */ i("div", { className: N(e.root, g), children: [
112
113
  r ? /* @__PURE__ */ i("label", { className: e.label, htmlFor: m, children: [
113
114
  r,
114
- d && /* @__PURE__ */ s("span", { className: e.required, children: "必須" })
115
+ d && /* @__PURE__ */ s("span", { className: e.required, children: u ?? "必須" })
115
116
  ] }) : null,
116
117
  /* @__PURE__ */ s(
117
118
  "div",
@@ -122,18 +123,18 @@ const p = w({
122
123
  children: /* @__PURE__ */ s(
123
124
  "textarea",
124
125
  {
125
- ref: h,
126
+ ref: b,
126
127
  id: m,
127
128
  placeholder: y,
128
129
  required: d,
129
130
  disabled: n,
130
131
  className: e.textarea,
131
- ...f
132
+ ...S
132
133
  }
133
134
  )
134
135
  }
135
136
  ),
136
- S && /* @__PURE__ */ i("div", { className: e.messageField, children: [
137
+ v && /* @__PURE__ */ i("div", { className: e.messageField, children: [
137
138
  t && /* @__PURE__ */ s("p", { className: e.description, children: t }),
138
139
  a && o && /* @__PURE__ */ s("p", { className: e.invalidMessage, children: o })
139
140
  ] })
@@ -141,5 +142,5 @@ const p = w({
141
142
  }
142
143
  );
143
144
  export {
144
- A as TextArea
145
+ W as TextArea
145
146
  };
package/dist/components/TextField/TextField.d.ts CHANGED
@@ -6,4 +6,5 @@ export declare const TextField: React.ForwardRefExoticComponent<{
6
6
  invalidMessage?: string;
7
7
  leftContent?: React.ReactNode;
8
8
  rightContent?: React.ReactNode;
9
+ requiredLabel?: string;
9
10
  } & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
package/dist/components/TextField/TextField.js CHANGED
@@ -1,40 +1,41 @@
1
1
  import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
- import { SerendieSymbolAlertCircle as A, SerendieSymbolClose as T } from "@serendie/symbols";
3
- import W from "../../node_modules/merge-refs/dist/esm/index.js";
4
- import m, { forwardRef as q } from "react";
2
+ import { SerendieSymbolAlertCircle as T, SerendieSymbolClose as W } from "@serendie/symbols";
3
+ import q from "../../node_modules/merge-refs/dist/esm/index.js";
4
+ import m, { forwardRef as z } from "react";
5
5
  import { textFieldRecipe as x } from "../../styled-system/recipes/text-field-recipe.js";
6
- import { cx as z } from "../../styled-system/css/cx.js";
6
+ import { cx as B } from "../../styled-system/css/cx.js";
7
7
  import { css as b } from "../../styled-system/css/css.js";
8
- const L = q(
8
+ const M = z(
9
9
  ({
10
10
  placeholder: F,
11
11
  label: d,
12
12
  description: i,
13
13
  required: u,
14
+ requiredLabel: S,
14
15
  invalidMessage: c,
15
16
  invalid: a,
16
- type: S = "text",
17
+ type: V = "text",
17
18
  disabled: n,
18
19
  onChange: h,
19
20
  value: f,
20
- className: V,
21
+ className: w,
21
22
  leftContent: N,
22
23
  rightContent: p,
23
24
  ...l
24
- }, w) => {
25
- const o = m.useRef(null), y = W(o, w), [C, P] = x.splitVariantProps(l), t = x(C), _ = i || a && c, [j, I] = m.useState(l.defaultValue || f), v = l.id || m.useId(), k = () => {
25
+ }, y) => {
26
+ const o = m.useRef(null), C = q(o, y), [P, _] = x.splitVariantProps(l), t = x(P), j = i || a && c, [I, k] = m.useState(l.defaultValue || f), v = l.id || m.useId(), A = () => {
26
27
  var R;
27
28
  const s = {
28
29
  target: { value: "" }
29
30
  };
30
31
  g(s), (R = l.onReset) == null || R.call(l, s), o.current && (o.current.value = "");
31
32
  }, g = (s) => {
32
- I(s.target.value), h && h(s);
33
+ k(s.target.value), h && h(s);
33
34
  };
34
- return /* @__PURE__ */ r("div", { className: z(t.root, V), children: [
35
+ return /* @__PURE__ */ r("div", { className: B(t.root, w), children: [
35
36
  d ? /* @__PURE__ */ r("label", { className: t.label, htmlFor: v, children: [
36
37
  d,
37
- u && /* @__PURE__ */ e("span", { className: t.labelRequired, children: "必須" })
38
+ u && /* @__PURE__ */ e("span", { className: t.labelRequired, children: S ?? "必須" })
38
39
  ] }) : null,
39
40
  /* @__PURE__ */ r(
40
41
  "div",
@@ -47,16 +48,16 @@ const L = q(
47
48
  /* @__PURE__ */ e(
48
49
  "input",
49
50
  {
50
- ref: y,
51
+ ref: C,
51
52
  id: v,
52
53
  placeholder: F,
53
54
  required: u,
54
55
  disabled: n,
55
56
  value: f,
56
- type: S,
57
+ type: V,
57
58
  className: t.input,
58
59
  onChange: g,
59
- ...P
60
+ ..._
60
61
  }
61
62
  ),
62
63
  p ? /* @__PURE__ */ e("div", { className: t.rightContent, children: p }) : /* @__PURE__ */ e("div", { className: t.icon, children: !n && /* disabledの場合はアイコンを表示しない */
@@ -66,21 +67,21 @@ const L = q(
66
67
  className: b({
67
68
  color: "sd.system.color.impression.negative"
68
69
  }),
69
- children: /* @__PURE__ */ e(A, { width: 20, height: 20 })
70
+ children: /* @__PURE__ */ e(T, { width: 20, height: 20 })
70
71
  }
71
- ) : j ? /* @__PURE__ */ e(
72
+ ) : I ? /* @__PURE__ */ e(
72
73
  "button",
73
74
  {
74
75
  className: b({ cursor: "pointer" }),
75
- onClick: k,
76
+ onClick: A,
76
77
  "aria-label": "値をクリア",
77
- children: /* @__PURE__ */ e(T, { width: 20, height: 20 })
78
+ children: /* @__PURE__ */ e(W, { width: 20, height: 20 })
78
79
  }
79
80
  ) : null) })
80
81
  ]
81
82
  }
82
83
  ),
83
- _ && /* @__PURE__ */ r("div", { className: t.messageField, children: [
84
+ j && /* @__PURE__ */ r("div", { className: t.messageField, children: [
84
85
  i && /* @__PURE__ */ e("p", { className: t.description, children: i }),
85
86
  a && c && /* @__PURE__ */ e("p", { className: t.invalidMessage, children: c })
86
87
  ] })
@@ -88,5 +89,5 @@ const L = q(
88
89
  }
89
90
  );
90
91
  export {
91
- L as TextField
92
+ M as TextField
92
93
  };
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+Mono:wght@100..900&family=Roboto:wght@100;400;700&display=swap";@layer reset,base,tokens,recipes,utilities;@layer base{:root{--global-font-body: "Roboto", "Noto Sans JP", sans-serif;--global-font-mono: "Noto Sans Mono", monospace;font-optical-sizing:auto;text-rendering:optimizeLegibility;font-feature-settings:"palt";letter-spacing:.03em}}@layer reset{html,:host{--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5;font-family:var(--global-font-body, var(--font-fallback))}*,:before,:after,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentColor)}hr{height:0px;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-moz-appearance:button;appearance:button;-webkit-appearance:button}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:transparent}::placeholder{opacity:1;--placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);color:var(--global-color-placeholder, var(--placeholder-fallback))}textarea{resize:vertical}table{text-indent:0px;border-collapse:collapse;border-color:inherit}summary{display:list-item}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{color:inherit;text-decoration:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-feature-settings:normal;font-variation-settings:normal;font-family:var(--global-font-mono, var(--font-mono-fallback));font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda: "🐼"}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--rotate-x: 0;--rotate-y: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}}@layer tokens{:where(:root,:host){--colors-sd-reference-color-scale-white-1000: #FFFFFF;--colors-sd-reference-color-scale-black-1000: #000000;--colors-sd-reference-color-scale-transparency-bl2: #00000005;--colors-sd-reference-color-scale-transparency-bl5: #0000000D;--colors-sd-reference-color-scale-transparency-bl20: #00000033;--colors-sd-reference-color-scale-transparency-wh60: #FFFFFF99;--colors-sd-reference-color-scale-gray-100: #F0F0F0;--colors-sd-reference-color-scale-gray-200: #E4E4E3;--colors-sd-reference-color-scale-gray-300: #D1D0CD;--colors-sd-reference-color-scale-gray-400: #B1B0AE;--colors-sd-reference-color-scale-gray-500: #8C8B87;--colors-sd-reference-color-scale-gray-600: #6F6F6F;--colors-sd-reference-color-scale-gray-700: #575757;--colors-sd-reference-color-scale-gray-800: #424242;--colors-sd-reference-color-scale-gray-900: #31312F;--colors-sd-reference-color-scale-gray-1000: #232322;--colors-sd-reference-color-scale-red-100: #FCEBEA;--colors-sd-reference-color-scale-red-200: #FFDCDA;--colors-sd-reference-color-scale-red-300: #FFC0BB;--colors-sd-reference-color-scale-red-400: #FF8F8F;--colors-sd-reference-color-scale-red-500: #F64157;--colors-sd-reference-color-scale-red-600: #D00138;--colors-sd-reference-color-scale-red-700: #A4002A;--colors-sd-reference-color-scale-red-800: #81001F;--colors-sd-reference-color-scale-red-900: #600114;--colors-sd-reference-color-scale-red-1000: #400109;--colors-sd-reference-color-scale-chestnut-100: #FAECE6;--colors-sd-reference-color-scale-chestnut-200: #FDDDCE;--colors-sd-reference-color-scale-chestnut-300: #FCC4AB;--colors-sd-reference-color-scale-chestnut-400: #F49972;--colors-sd-reference-color-scale-chestnut-500: #DC6733;--colors-sd-reference-color-scale-chestnut-600: #B54E1B;--colors-sd-reference-color-scale-chestnut-700: #8F3D15;--colors-sd-reference-color-scale-chestnut-800: #702D0D;--colors-sd-reference-color-scale-chestnut-900: #50230D;--colors-sd-reference-color-scale-chestnut-1000: #371B0B;--colors-sd-reference-color-scale-beige-100: #FDF5EC;--colors-sd-reference-color-scale-beige-200: #F6E0C6;--colors-sd-reference-color-scale-beige-300: #F0CC9E;--colors-sd-reference-color-scale-beige-400: #DEB074;--colors-sd-reference-color-scale-beige-500: #AE8144;--colors-sd-reference-color-scale-beige-600: #8D6735;--colors-sd-reference-color-scale-beige-700: #70522A;--colors-sd-reference-color-scale-beige-800: #573F1D;--colors-sd-reference-color-scale-beige-900: #3E2D17;--colors-sd-reference-color-scale-beige-1000: #2B2013;--colors-sd-reference-color-scale-yellow-100: #FAF4E3;--colors-sd-reference-color-scale-yellow-200: #FCE998;--colors-sd-reference-color-scale-yellow-300: #EDD857;--colors-sd-reference-color-scale-yellow-400: #DEC400;--colors-sd-reference-color-scale-yellow-500: #A78E00;--colors-sd-reference-color-scale-yellow-600: #816E00;--colors-sd-reference-color-scale-yellow-700: #645600;--colors-sd-reference-color-scale-yellow-800: #514400;--colors-sd-reference-color-scale-yellow-900: #3A3000;--colors-sd-reference-color-scale-yellow-1000: #292200;--colors-sd-reference-color-scale-green-100: #DBF5EA;--colors-sd-reference-color-scale-green-200: #BCEEDD;--colors-sd-reference-color-scale-green-300: #90E4C7;--colors-sd-reference-color-scale-green-400: #46D2A2;--colors-sd-reference-color-scale-green-500: #2EAB80;--colors-sd-reference-color-scale-green-600: #2C7C60;--colors-sd-reference-color-scale-green-700: #146348;--colors-sd-reference-color-scale-green-800: #174A38;--colors-sd-reference-color-scale-green-900: #12372B;--colors-sd-reference-color-scale-green-1000: #0D271E;--colors-sd-reference-color-scale-sky-blue-100: #D9F6FC;--colors-sd-reference-color-scale-sky-blue-200: #C2EAEF;--colors-sd-reference-color-scale-sky-blue-300: #8DDDE3;--colors-sd-reference-color-scale-sky-blue-400: #4ACBD4;--colors-sd-reference-color-scale-sky-blue-500: #00A0AC;--colors-sd-reference-color-scale-sky-blue-600: #007882;--colors-sd-reference-color-scale-sky-blue-700: #006066;--colors-sd-reference-color-scale-sky-blue-800: #004A4F;--colors-sd-reference-color-scale-sky-blue-900: #02373C;--colors-sd-reference-color-scale-sky-blue-1000: #04272A;--colors-sd-reference-color-scale-blue-100: #EFF2FC;--colors-sd-reference-color-scale-blue-200: #DDE3FF;--colors-sd-reference-color-scale-blue-300: #C0CFFD;--colors-sd-reference-color-scale-blue-400: #8FAEFE;--colors-sd-reference-color-scale-blue-500: #3B86F9;--colors-sd-reference-color-scale-blue-600: #056AD8;--colors-sd-reference-color-scale-blue-700: #0353AA;--colors-sd-reference-color-scale-blue-800: #043F81;--colors-sd-reference-color-scale-blue-900: #073165;--colors-sd-reference-color-scale-blue-1000: #081E3F;--colors-sd-reference-color-scale-purple-100: #F4ECF6;--colors-sd-reference-color-scale-purple-200: #EEDEF2;--colors-sd-reference-color-scale-purple-300: #E1C7E7;--colors-sd-reference-color-scale-purple-400: #CC9FD9;--colors-sd-reference-color-scale-purple-500: #B36CCD;--colors-sd-reference-color-scale-purple-600: #9751B0;--colors-sd-reference-color-scale-purple-700: #7C3694;--colors-sd-reference-color-scale-purple-800: #5F2B70;--colors-sd-reference-color-scale-purple-900: #462352;--colors-sd-reference-color-scale-purple-1000: #32183A;--colors-sd-reference-color-scale-pink-100: #FFF4F8;--colors-sd-reference-color-scale-pink-200: #F9DCE5;--colors-sd-reference-color-scale-pink-300: #F3C4D3;--colors-sd-reference-color-scale-pink-400: #F691B6;--colors-sd-reference-color-scale-pink-500: #E2568F;--colors-sd-reference-color-scale-pink-600: #B9346C;--colors-sd-reference-color-scale-pink-700: #9B2657;--colors-sd-reference-color-scale-pink-800: #761A42;--colors-sd-reference-color-scale-pink-900: #591734;--colors-sd-reference-color-scale-pink-1000: #3E0F24;--colors-sd-system-color-impression-primary: #0353AA;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #0353AA;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #C0CFFD;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #C0CFFD;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #EFF2FC;--colors-sd-system-color-impression-on-tertiary: #000000;--colors-sd-system-color-impression-tertiary-container: #EFF2FC;--colors-sd-system-color-impression-on-tertiary-container: #000000;--colors-sd-system-color-impression-notice: #EDD857;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FCE998;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-notice-container-variant: #FAF4E3;--colors-sd-system-color-impression-on-notice-container-variant: #000000;--colors-sd-system-color-impression-negative: #D00138;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FFDCDA;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-negative-container-variant: #FCEBEA;--colors-sd-system-color-impression-on-negative-container-variant: #A4002A;--colors-sd-system-color-impression-positive: #2EAB80;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #BCEEDD;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-impression-positive-container-variant: #DBF5EA;--colors-sd-system-color-impression-on-positive-container-variant: #000000;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #6F6F6F;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-inverse-primary: #EFF2FC;--colors-sd-system-color-component-outline: #D1D0CD;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #F0F0F0;--colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;--colors-sd-system-color-interaction-selected: #00000005;--colors-sd-system-color-interaction-selected-surface: #C0CFFD;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;--colors-sd-system-color-chart-mark-primary-01: #DDE3FF;--colors-sd-system-color-chart-mark-primary-02: #C0CFFD;--colors-sd-system-color-chart-mark-primary-03: #8FAEFE;--colors-sd-system-color-chart-mark-primary-04: #3B86F9;--colors-sd-system-color-chart-mark-primary-05: #056AD8;--colors-sd-system-color-chart-mark-primary-06: #073165;--colors-sd-system-color-chart-mark-positive-01: #BCEEDD;--colors-sd-system-color-chart-mark-positive-02: #90E4C7;--colors-sd-system-color-chart-mark-positive-03: #46D2A2;--colors-sd-system-color-chart-mark-positive-04: #2EAB80;--colors-sd-system-color-chart-mark-positive-05: #2C7C60;--colors-sd-system-color-chart-mark-positive-06: #12372B;--colors-sd-system-color-chart-mark-negative-01: #FFDCDA;--colors-sd-system-color-chart-mark-negative-02: #FFC0BB;--colors-sd-system-color-chart-mark-negative-03: #FF8F8F;--colors-sd-system-color-chart-mark-negative-04: #F64157;--colors-sd-system-color-chart-mark-negative-05: #D00138;--colors-sd-system-color-chart-mark-negative-06: #600114;--colors-sd-system-color-chart-mark-notice-01: #FCE998;--colors-sd-system-color-chart-mark-notice-02: #EDD857;--colors-sd-system-color-chart-mark-notice-03: #DEC400;--colors-sd-system-color-chart-mark-notice-04: #A78E00;--colors-sd-system-color-chart-mark-notice-05: #816E00;--colors-sd-system-color-chart-mark-notice-06: #3A3000;--colors-sd-system-color-chart-mark-multi-10: #AE8144;--colors-sd-system-color-chart-mark-multi-01: #056AD8;--colors-sd-system-color-chart-mark-multi-02: #46D2A2;--colors-sd-system-color-chart-mark-multi-03: #FF8F8F;--colors-sd-system-color-chart-mark-multi-04: #B36CCD;--colors-sd-system-color-chart-mark-multi-05: #8F3D15;--colors-sd-system-color-chart-mark-multi-06: #4ACBD4;--colors-sd-system-color-chart-mark-multi-07: #FCE998;--colors-sd-system-color-chart-mark-multi-08: #B54E1B;--colors-sd-system-color-chart-mark-multi-09: #9B2657;--colors-sd-system-color-chart-component-on-mark-label: #000000;--colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;--colors-sd-system-color-chart-component-scalemark: #E4E4E3;--colors-sd-system-color-chart-component-threshold: #3B86F9;--colors-sd-system-color-chart-component-chart-surface: #FFFFFF;--colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F;--spacing-sd-reference-dimension-scale-0: 0px;--spacing-sd-reference-dimension-scale-1: 1px;--spacing-sd-reference-dimension-scale-2: 2px;--spacing-sd-reference-dimension-scale-3: 4px;--spacing-sd-reference-dimension-scale-4: 8px;--spacing-sd-reference-dimension-scale-5: 12px;--spacing-sd-reference-dimension-scale-6: 16px;--spacing-sd-reference-dimension-scale-7: 20px;--spacing-sd-reference-dimension-scale-8: 24px;--spacing-sd-reference-dimension-scale-9: 28px;--spacing-sd-reference-dimension-scale-10: 32px;--spacing-sd-reference-dimension-scale-11: 36px;--spacing-sd-reference-dimension-scale-12: 40px;--spacing-sd-reference-dimension-scale-13: 48px;--spacing-sd-reference-dimension-scale-14: 56px;--spacing-sd-reference-dimension-scale-15: 64px;--spacing-sd-reference-dimension-scale-16: 72px;--spacing-sd-reference-dimension-scale-17: 80px;--spacing-sd-reference-dimension-scale-18: 96px;--spacing-sd-system-dimension-spacing-none: 0px;--spacing-sd-system-dimension-spacing-two-extra-small: 4px;--spacing-sd-system-dimension-spacing-extra-small: 8px;--spacing-sd-system-dimension-spacing-small: 12px;--spacing-sd-system-dimension-spacing-medium: 16px;--spacing-sd-system-dimension-spacing-large: 20px;--spacing-sd-system-dimension-spacing-extra-large: 24px;--spacing-sd-system-dimension-spacing-two-extra-large: 32px;--spacing-sd-system-dimension-spacing-three-extra-large: 40px;--spacing-sd-system-dimension-spacing-four-extra-large: 48px;--spacing-sd-system-dimension-spacing-five-extra-large: 64px;--spacing-sd-system-dimension-spacing-six-extra-large: 80px;--sizes-sd-reference-dimension-breakpoint-small: 640px;--sizes-sd-reference-dimension-breakpoint-medium: 768px;--sizes-sd-reference-dimension-breakpoint-large: 1024px;--sizes-sd-reference-dimension-breakpoint-extra-large: 1280px;--sizes-sd-reference-dimension-scale-0: 0px;--sizes-sd-reference-dimension-scale-1: 1px;--sizes-sd-reference-dimension-scale-2: 2px;--sizes-sd-reference-dimension-scale-3: 4px;--sizes-sd-reference-dimension-scale-4: 8px;--sizes-sd-reference-dimension-scale-5: 12px;--sizes-sd-reference-dimension-scale-6: 16px;--sizes-sd-reference-dimension-scale-7: 20px;--sizes-sd-reference-dimension-scale-8: 24px;--sizes-sd-reference-dimension-scale-9: 28px;--sizes-sd-reference-dimension-scale-10: 32px;--sizes-sd-reference-dimension-scale-11: 36px;--sizes-sd-reference-dimension-scale-12: 40px;--sizes-sd-reference-dimension-scale-13: 48px;--sizes-sd-reference-dimension-scale-14: 56px;--sizes-sd-reference-dimension-scale-15: 64px;--sizes-sd-reference-dimension-scale-16: 72px;--sizes-sd-reference-dimension-scale-17: 80px;--sizes-sd-reference-dimension-scale-18: 96px;--sizes-sd-system-dimension-breakpoint-compact: 0px;--sizes-sd-system-dimension-breakpoint-expanded: 768px;--sizes-sd-system-dimension-spacing-none: 0px;--sizes-sd-system-dimension-spacing-two-extra-small: 4px;--sizes-sd-system-dimension-spacing-extra-small: 8px;--sizes-sd-system-dimension-spacing-small: 12px;--sizes-sd-system-dimension-spacing-medium: 16px;--sizes-sd-system-dimension-spacing-large: 20px;--sizes-sd-system-dimension-spacing-extra-large: 24px;--sizes-sd-system-dimension-spacing-two-extra-large: 32px;--sizes-sd-system-dimension-spacing-three-extra-large: 40px;--sizes-sd-system-dimension-spacing-four-extra-large: 48px;--sizes-sd-system-dimension-spacing-five-extra-large: 64px;--sizes-sd-system-dimension-spacing-six-extra-large: 80px;--sizes-breakpoint-expanded: 768px;--opacity-sd-reference-elevation-opacity-scale-0: 0;--opacity-sd-reference-elevation-opacity-scale-1: .1;--opacity-sd-reference-elevation-opacity-scale-2: .2;--opacity-sd-reference-elevation-opacity-scale-3: .3;--opacity-sd-reference-elevation-opacity-scale-4: .4;--opacity-sd-reference-elevation-opacity-scale-5: .5;--opacity-sd-reference-elevation-opacity-scale-6: .6;--opacity-sd-reference-elevation-opacity-scale-7: .7;--opacity-sd-reference-elevation-opacity-scale-8: .8;--opacity-sd-reference-elevation-opacity-scale-9: .9;--opacity-sd-reference-elevation-opacity-scale-10: 1;--fonts-sd-reference-typography-font-family-primary: inherit;--fonts-sd-reference-typography-font-family-monospace: Noto Sans Mono;--font-weights-sd-reference-typography-font-weight-regular: 400;--font-weights-sd-reference-typography-font-weight-bold: 700;--line-heights-sd-reference-typography-line-height-none: 1;--line-heights-sd-reference-typography-line-height-tight: 1.4;--line-heights-sd-reference-typography-line-height-normal: 1.6;--line-heights-sd-reference-typography-line-height-relaxed: 1.8;--font-sizes-sd-reference-typography-scale-expanded-four-extra-small: 10px;--font-sizes-sd-reference-typography-scale-expanded-three-extra-small: 11px;--font-sizes-sd-reference-typography-scale-expanded-two-extra-small: 12px;--font-sizes-sd-reference-typography-scale-expanded-extra-small: 13px;--font-sizes-sd-reference-typography-scale-expanded-small: 14px;--font-sizes-sd-reference-typography-scale-expanded-medium: 16px;--font-sizes-sd-reference-typography-scale-expanded-large: 18px;--font-sizes-sd-reference-typography-scale-expanded-extra-large: 21px;--font-sizes-sd-reference-typography-scale-expanded-two-extra-large: 26px;--font-sizes-sd-reference-typography-scale-expanded-three-extra-large: 32px;--font-sizes-sd-reference-typography-scale-expanded-four-extra-large: 43px;--font-sizes-sd-reference-typography-scale-expanded-five-extra-large: 64px;--font-sizes-sd-reference-typography-scale-compact-two-extra-small: 10px;--font-sizes-sd-reference-typography-scale-compact-extra-small: 11px;--font-sizes-sd-reference-typography-scale-compact-small: 12px;--font-sizes-sd-reference-typography-scale-compact-medium: 14px;--font-sizes-sd-reference-typography-scale-compact-large: 16px;--font-sizes-sd-reference-typography-scale-compact-extra-large: 19px;--font-sizes-sd-reference-typography-scale-compact-two-extra-large: 22px;--font-sizes-sd-reference-typography-scale-compact-three-extra-large: 28px;--font-sizes-sd-reference-typography-scale-compact-four-extra-large: 37px;--font-sizes-sd-reference-typography-scale-compact-five-extra-large: 56px;--border-widths-sd-system-dimension-border-medium: 1px;--border-widths-sd-system-dimension-border-thick: 2px;--border-widths-sd-system-dimension-border-extra-thick: 4px;--radii-sd-system-dimension-radius-extra-small: 2px;--radii-sd-system-dimension-radius-small: 4px;--radii-sd-system-dimension-radius-medium: 8px;--radii-sd-system-dimension-radius-large: 12px;--radii-sd-system-dimension-radius-extra-large: 16px;--radii-sd-system-dimension-radius-full: 9999px;--shadows-sd-system-elevation-shadow-level1: 0px 1px 2px 0px #0000004D;--shadows-sd-system-elevation-shadow-level2: 0px 1px 4px 0px #00000033;--shadows-sd-system-elevation-shadow-level3: 0px 2px 8px 0px #00000033;--shadows-sd-system-elevation-shadow-level4: 0px 4px 12px 0px #00000033;--shadows-sd-system-elevation-shadow-level5: 0px 8px 24px 0px #00000033;--z-index-sd-system-elevation-z-index-deep-dive: -1000;--z-index-sd-system-elevation-z-index-base: 0;--z-index-sd-system-elevation-z-index-docked: 10;--z-index-sd-system-elevation-z-index-dropdown: 500;--z-index-sd-system-elevation-z-index-modal: 1000;--z-index-sd-system-elevation-z-index-toast: 2000;--breakpoints-expanded: 768px}[data-panda-theme=asagi]{--colors-sd-system-color-impression-primary: #006066;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #006066;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #90E4C7;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #90E4C7;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #F0F0F0;--colors-sd-system-color-impression-on-tertiary: #000000;--colors-sd-system-color-impression-tertiary-container: #F0F0F0;--colors-sd-system-color-impression-on-tertiary-container: #000000;--colors-sd-system-color-impression-notice: #EDD857;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FCE998;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-notice-container-variant: #FAF4E3;--colors-sd-system-color-impression-on-notice-container-variant: #000000;--colors-sd-system-color-impression-negative: #D00138;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FFDCDA;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-negative-container-variant: #FCEBEA;--colors-sd-system-color-impression-on-negative-container-variant: #A4002A;--colors-sd-system-color-impression-positive: #2EAB80;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #BCEEDD;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-impression-positive-container-variant: #DBF5EA;--colors-sd-system-color-impression-on-positive-container-variant: #000000;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #6F6F6F;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-inverse-primary: #D9F6FC;--colors-sd-system-color-component-outline: #D1D0CD;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #F0F0F0;--colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;--colors-sd-system-color-interaction-selected: #00000005;--colors-sd-system-color-interaction-selected-surface: #90E4C7;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;--colors-sd-system-color-chart-mark-primary-01: #C2EAEF;--colors-sd-system-color-chart-mark-primary-02: #8DDDE3;--colors-sd-system-color-chart-mark-primary-03: #4ACBD4;--colors-sd-system-color-chart-mark-primary-04: #00A0AC;--colors-sd-system-color-chart-mark-primary-05: #007882;--colors-sd-system-color-chart-mark-primary-06: #02373C;--colors-sd-system-color-chart-mark-positive-01: #BCEEDD;--colors-sd-system-color-chart-mark-positive-02: #90E4C7;--colors-sd-system-color-chart-mark-positive-03: #46D2A2;--colors-sd-system-color-chart-mark-positive-04: #2EAB80;--colors-sd-system-color-chart-mark-positive-05: #2C7C60;--colors-sd-system-color-chart-mark-positive-06: #12372B;--colors-sd-system-color-chart-mark-negative-01: #FFDCDA;--colors-sd-system-color-chart-mark-negative-02: #FFC0BB;--colors-sd-system-color-chart-mark-negative-03: #FF8F8F;--colors-sd-system-color-chart-mark-negative-04: #F64157;--colors-sd-system-color-chart-mark-negative-05: #D00138;--colors-sd-system-color-chart-mark-negative-06: #600114;--colors-sd-system-color-chart-mark-notice-01: #FCE998;--colors-sd-system-color-chart-mark-notice-02: #EDD857;--colors-sd-system-color-chart-mark-notice-03: #DEC400;--colors-sd-system-color-chart-mark-notice-04: #A78E00;--colors-sd-system-color-chart-mark-notice-05: #816E00;--colors-sd-system-color-chart-mark-notice-06: #3A3000;--colors-sd-system-color-chart-mark-multi-10: #AE8144;--colors-sd-system-color-chart-mark-multi-01: #056AD8;--colors-sd-system-color-chart-mark-multi-02: #46D2A2;--colors-sd-system-color-chart-mark-multi-03: #FF8F8F;--colors-sd-system-color-chart-mark-multi-04: #B36CCD;--colors-sd-system-color-chart-mark-multi-05: #8F3D15;--colors-sd-system-color-chart-mark-multi-06: #4ACBD4;--colors-sd-system-color-chart-mark-multi-07: #FCE998;--colors-sd-system-color-chart-mark-multi-08: #B54E1B;--colors-sd-system-color-chart-mark-multi-09: #9B2657;--colors-sd-system-color-chart-component-on-mark-label: #000000;--colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;--colors-sd-system-color-chart-component-scalemark: #E4E4E3;--colors-sd-system-color-chart-component-threshold: #00A0AC;--colors-sd-system-color-chart-component-chart-surface: #FFFFFF;--colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F }[data-panda-theme=kurikawa]{--colors-sd-system-color-impression-primary: #8F3D15;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #8F3D15;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #FCC4AB;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #FCC4AB;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #FDF5EC;--colors-sd-system-color-impression-on-tertiary: #000000;--colors-sd-system-color-impression-tertiary-container: #FDF5EC;--colors-sd-system-color-impression-on-tertiary-container: #000000;--colors-sd-system-color-impression-notice: #EDD857;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FCE998;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-notice-container-variant: #FAF4E3;--colors-sd-system-color-impression-on-notice-container-variant: #000000;--colors-sd-system-color-impression-negative: #D00138;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FFDCDA;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-negative-container-variant: #FCEBEA;--colors-sd-system-color-impression-on-negative-container-variant: #A4002A;--colors-sd-system-color-impression-positive: #2EAB80;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #BCEEDD;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-impression-positive-container-variant: #DBF5EA;--colors-sd-system-color-impression-on-positive-container-variant: #000000;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #6F6F6F;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-inverse-primary: #FAECE6;--colors-sd-system-color-component-outline: #D1D0CD;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #F0F0F0;--colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;--colors-sd-system-color-interaction-selected: #00000005;--colors-sd-system-color-interaction-selected-surface: #FCC4AB;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;--colors-sd-system-color-chart-mark-primary-01: #FDDDCE;--colors-sd-system-color-chart-mark-primary-02: #FCC4AB;--colors-sd-system-color-chart-mark-primary-03: #F49972;--colors-sd-system-color-chart-mark-primary-04: #DC6733;--colors-sd-system-color-chart-mark-primary-05: #B54E1B;--colors-sd-system-color-chart-mark-primary-06: #50230D;--colors-sd-system-color-chart-mark-positive-01: #BCEEDD;--colors-sd-system-color-chart-mark-positive-02: #90E4C7;--colors-sd-system-color-chart-mark-positive-03: #46D2A2;--colors-sd-system-color-chart-mark-positive-04: #2EAB80;--colors-sd-system-color-chart-mark-positive-05: #2C7C60;--colors-sd-system-color-chart-mark-positive-06: #12372B;--colors-sd-system-color-chart-mark-negative-01: #FFDCDA;--colors-sd-system-color-chart-mark-negative-02: #FFC0BB;--colors-sd-system-color-chart-mark-negative-03: #FF8F8F;--colors-sd-system-color-chart-mark-negative-04: #F64157;--colors-sd-system-color-chart-mark-negative-05: #D00138;--colors-sd-system-color-chart-mark-negative-06: #600114;--colors-sd-system-color-chart-mark-notice-01: #FCE998;--colors-sd-system-color-chart-mark-notice-02: #EDD857;--colors-sd-system-color-chart-mark-notice-03: #DEC400;--colors-sd-system-color-chart-mark-notice-04: #A78E00;--colors-sd-system-color-chart-mark-notice-05: #816E00;--colors-sd-system-color-chart-mark-notice-06: #3A3000;--colors-sd-system-color-chart-mark-multi-10: #AE8144;--colors-sd-system-color-chart-mark-multi-01: #056AD8;--colors-sd-system-color-chart-mark-multi-02: #46D2A2;--colors-sd-system-color-chart-mark-multi-03: #FF8F8F;--colors-sd-system-color-chart-mark-multi-04: #B36CCD;--colors-sd-system-color-chart-mark-multi-05: #8F3D15;--colors-sd-system-color-chart-mark-multi-06: #4ACBD4;--colors-sd-system-color-chart-mark-multi-07: #FCE998;--colors-sd-system-color-chart-mark-multi-08: #B54E1B;--colors-sd-system-color-chart-mark-multi-09: #9B2657;--colors-sd-system-color-chart-component-on-mark-label: #000000;--colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;--colors-sd-system-color-chart-component-scalemark: #E4E4E3;--colors-sd-system-color-chart-component-threshold: #DC6733;--colors-sd-system-color-chart-component-chart-surface: #FFFFFF;--colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F }[data-panda-theme=sumire]{--colors-sd-system-color-impression-primary: #7C3694;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #7C3694;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #E1C7E7;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #E1C7E7;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #073165;--colors-sd-system-color-impression-on-tertiary: #FFFFFF;--colors-sd-system-color-impression-tertiary-container: #073165;--colors-sd-system-color-impression-on-tertiary-container: #FFFFFF;--colors-sd-system-color-impression-notice: #EDD857;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FCE998;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-notice-container-variant: #FAF4E3;--colors-sd-system-color-impression-on-notice-container-variant: #000000;--colors-sd-system-color-impression-negative: #D00138;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FFDCDA;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-negative-container-variant: #FCEBEA;--colors-sd-system-color-impression-on-negative-container-variant: #A4002A;--colors-sd-system-color-impression-positive: #2EAB80;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #BCEEDD;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-impression-positive-container-variant: #DBF5EA;--colors-sd-system-color-impression-on-positive-container-variant: #000000;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #6F6F6F;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-inverse-primary: #F4ECF6;--colors-sd-system-color-component-outline: #D1D0CD;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #F0F0F0;--colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;--colors-sd-system-color-interaction-selected: #00000005;--colors-sd-system-color-interaction-selected-surface: #E1C7E7;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;--colors-sd-system-color-chart-mark-primary-01: #EEDEF2;--colors-sd-system-color-chart-mark-primary-02: #E1C7E7;--colors-sd-system-color-chart-mark-primary-03: #CC9FD9;--colors-sd-system-color-chart-mark-primary-04: #B36CCD;--colors-sd-system-color-chart-mark-primary-05: #7C3694;--colors-sd-system-color-chart-mark-primary-06: #462352;--colors-sd-system-color-chart-mark-positive-01: #BCEEDD;--colors-sd-system-color-chart-mark-positive-02: #90E4C7;--colors-sd-system-color-chart-mark-positive-03: #46D2A2;--colors-sd-system-color-chart-mark-positive-04: #2EAB80;--colors-sd-system-color-chart-mark-positive-05: #2C7C60;--colors-sd-system-color-chart-mark-positive-06: #12372B;--colors-sd-system-color-chart-mark-negative-01: #FFDCDA;--colors-sd-system-color-chart-mark-negative-02: #FFC0BB;--colors-sd-system-color-chart-mark-negative-03: #FF8F8F;--colors-sd-system-color-chart-mark-negative-04: #F64157;--colors-sd-system-color-chart-mark-negative-05: #D00138;--colors-sd-system-color-chart-mark-negative-06: #600114;--colors-sd-system-color-chart-mark-notice-01: #FCE998;--colors-sd-system-color-chart-mark-notice-02: #EDD857;--colors-sd-system-color-chart-mark-notice-03: #DEC400;--colors-sd-system-color-chart-mark-notice-04: #A78E00;--colors-sd-system-color-chart-mark-notice-05: #816E00;--colors-sd-system-color-chart-mark-notice-06: #3A3000;--colors-sd-system-color-chart-mark-multi-10: #AE8144;--colors-sd-system-color-chart-mark-multi-01: #056AD8;--colors-sd-system-color-chart-mark-multi-02: #46D2A2;--colors-sd-system-color-chart-mark-multi-03: #FF8F8F;--colors-sd-system-color-chart-mark-multi-04: #B36CCD;--colors-sd-system-color-chart-mark-multi-05: #8F3D15;--colors-sd-system-color-chart-mark-multi-06: #4ACBD4;--colors-sd-system-color-chart-mark-multi-07: #FCE998;--colors-sd-system-color-chart-mark-multi-08: #B54E1B;--colors-sd-system-color-chart-mark-multi-09: #9B2657;--colors-sd-system-color-chart-component-on-mark-label: #000000;--colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;--colors-sd-system-color-chart-component-scalemark: #E4E4E3;--colors-sd-system-color-chart-component-threshold: #B36CCD;--colors-sd-system-color-chart-component-chart-surface: #FFFFFF;--colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F }[data-panda-theme=tsutsuji]{--colors-sd-system-color-impression-primary: #9B2657;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #F9DCE5;--colors-sd-system-color-impression-on-primary-container: #000000;--colors-sd-system-color-impression-secondary: #F3C4D3;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #F3C4D3;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #591734;--colors-sd-system-color-impression-on-tertiary: #FFFFFF;--colors-sd-system-color-impression-tertiary-container: #591734;--colors-sd-system-color-impression-on-tertiary-container: #FFFFFF;--colors-sd-system-color-impression-notice: #EDD857;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FCE998;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-notice-container-variant: #FAF4E3;--colors-sd-system-color-impression-on-notice-container-variant: #000000;--colors-sd-system-color-impression-negative: #D00138;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FFDCDA;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-negative-container-variant: #FCEBEA;--colors-sd-system-color-impression-on-negative-container-variant: #A4002A;--colors-sd-system-color-impression-positive: #2EAB80;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #BCEEDD;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-impression-positive-container-variant: #DBF5EA;--colors-sd-system-color-impression-on-positive-container-variant: #000000;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #6F6F6F;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-inverse-primary: #FFF4F8;--colors-sd-system-color-component-outline: #D1D0CD;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #F0F0F0;--colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;--colors-sd-system-color-interaction-selected: #00000005;--colors-sd-system-color-interaction-selected-surface: #F3C4D3;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;--colors-sd-system-color-chart-mark-primary-01: #F9DCE5;--colors-sd-system-color-chart-mark-primary-02: #F3C4D3;--colors-sd-system-color-chart-mark-primary-03: #F691B6;--colors-sd-system-color-chart-mark-primary-04: #E2568F;--colors-sd-system-color-chart-mark-primary-05: #9B2657;--colors-sd-system-color-chart-mark-primary-06: #591734;--colors-sd-system-color-chart-mark-positive-01: #BCEEDD;--colors-sd-system-color-chart-mark-positive-02: #90E4C7;--colors-sd-system-color-chart-mark-positive-03: #46D2A2;--colors-sd-system-color-chart-mark-positive-04: #2EAB80;--colors-sd-system-color-chart-mark-positive-05: #2C7C60;--colors-sd-system-color-chart-mark-positive-06: #12372B;--colors-sd-system-color-chart-mark-negative-01: #FFDCDA;--colors-sd-system-color-chart-mark-negative-02: #FFC0BB;--colors-sd-system-color-chart-mark-negative-03: #FF8F8F;--colors-sd-system-color-chart-mark-negative-04: #F64157;--colors-sd-system-color-chart-mark-negative-05: #D00138;--colors-sd-system-color-chart-mark-negative-06: #600114;--colors-sd-system-color-chart-mark-notice-01: #FCE998;--colors-sd-system-color-chart-mark-notice-02: #EDD857;--colors-sd-system-color-chart-mark-notice-03: #DEC400;--colors-sd-system-color-chart-mark-notice-04: #A78E00;--colors-sd-system-color-chart-mark-notice-05: #816E00;--colors-sd-system-color-chart-mark-notice-06: #3A3000;--colors-sd-system-color-chart-mark-multi-10: #AE8144;--colors-sd-system-color-chart-mark-multi-01: #056AD8;--colors-sd-system-color-chart-mark-multi-02: #46D2A2;--colors-sd-system-color-chart-mark-multi-03: #FF8F8F;--colors-sd-system-color-chart-mark-multi-04: #B36CCD;--colors-sd-system-color-chart-mark-multi-05: #8F3D15;--colors-sd-system-color-chart-mark-multi-06: #4ACBD4;--colors-sd-system-color-chart-mark-multi-07: #FCE998;--colors-sd-system-color-chart-mark-multi-08: #B54E1B;--colors-sd-system-color-chart-mark-multi-09: #9B2657;--colors-sd-system-color-chart-component-on-mark-label: #000000;--colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;--colors-sd-system-color-chart-component-scalemark: #E4E4E3;--colors-sd-system-color-chart-component-threshold: #E2568F;--colors-sd-system-color-chart-component-chart-surface: #FFFFFF;--colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F }@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progressIndicatorSlide{0%{transform:translate(-150%)}to{transform:translate(150%)}}}@layer recipes.slots._base{.input__root{display:inline-grid;font-size:16px;font-weight:400;font-family:inherit;line-height:1.6;grid-template-columns:auto;row-gap:var(--spacing-sd-system-dimension-spacing-extra-small)}@layer components{.input__root{width:min(100%,300px)}}.input__label{font-size:12px;font-weight:medium;font-family:inherit;line-height:1;color:var(--colors-sd-system-color-component-on-surface)}.input__labelRequired{color:var(--colors-sd-system-color-impression-negative);padding-left:var(--spacing-sd-system-dimension-spacing-extra-small)}.input__inputWrapper{height:48px;display:grid;border-radius:var(--radii-sd-system-dimension-radius-medium);grid-template-columns:auto 1fr auto auto;align-items:center;outline-style:solid;outline-width:var(--border-widths-sd-system-dimension-border-medium);outline-color:var(--colors-sd-system-color-component-outline);background-color:var(--colors-sd-system-color-component-surface)}.input__inputWrapper:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background-color:var(--colors-sd-system-color-interaction-disabled)}.input__inputWrapper:has([data-focus=true]){outline-width:var(--border-widths-sd-system-dimension-border-thick);outline-color:var(--colors-sd-system-color-impression-primary)}.input__inputWrapper:is(:invalid,[data-invalid]){outline-color:var(--colors-sd-system-color-impression-negative)}.input__inputWrapper:focus-within{outline-width:var(--border-widths-sd-system-dimension-border-thick);outline-color:var(--colors-sd-system-color-impression-primary)}.input__input{outline:2px solid transparent;outline-offset:2px;padding-top:var(--spacing-sd-system-dimension-spacing-extra-small);padding-right:var(--spacing-sd-system-dimension-spacing-two-extra-small);padding-bottom:var(--spacing-sd-system-dimension-spacing-extra-small);padding-left:var(--spacing-sd-system-dimension-spacing-medium)}.input__icon{display:grid;place-items:center;width:48px;height:48px}.input__leftContent{padding-left:var(--spacing-sd-system-dimension-spacing-medium)}.input__rightContent{padding-right:var(--spacing-sd-system-dimension-spacing-medium)}.input__messageField{font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}.input__description{color:var(--colors-sd-system-color-component-on-surface-variant)}.input__invalidMessage{color:var(--colors-sd-system-color-impression-negative)}@media screen and (min-width: 48rem){.input__root{font-size:14px;line-height:1.6}.input__root,.input__label{font-weight:400;font-family:inherit}.input__label{font-size:12px;line-height:1}.input__icon{width:44px;height:44px}.input__messageField{font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}}}@layer utilities{@layer compositions{.textStyle_sd\.system\.typography\.body\.medium_compact{font-size:16px;font-weight:400;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.label\.extraLarge_compact{font-size:16px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.label\.small_compact{font-size:11px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.label\.medium_compact{font-size:12px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.label\.large_compact{font-size:14px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.body\.extraSmall_compact{font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}.textStyle_sd\.system\.typography\.title\.large_compact{font-size:22px;font-weight:700;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.body\.small_compact{font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.title\.small_compact{font-size:16px;font-weight:700;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.body\.extraSmall_expanded{font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}.textStyle_sd\.system\.typography\.title\.medium_compact{font-size:19px;font-weight:700;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.medium_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.extraSmall_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}.expanded\:textStyle_sd\.system\.typography\.label\.extraLarge_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:14px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.label\.small_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:11px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.title\.large_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:18px;font-weight:700;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.medium_compact:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:16px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.label\.large_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:13px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.body\.small_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:13px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.title\.medium_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:16px;font-weight:700;font-family:inherit;line-height:1.6}@media screen and (min-width: 48rem){.expanded\:textStyle_sd\.system\.typography\.label\.small_expanded{font-size:11px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.label\.medium_expanded{font-size:12px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.label\.large_expanded{font-size:13px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.body\.medium_expanded{font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.label\.small_compact{font-size:11px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.title\.small_expanded{font-size:14px;font-weight:700;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.small_expanded{font-size:13px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.extraSmall_expanded{font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}}@media screen and (min-width: 48rem){.expanded\:expanded\:textStyle_sd\.system\.typography\.body\.medium_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}}}.d_flex{display:flex}.w_100\%{width:100%}.gap_sd\.system\.dimension\.spacing\.extraSmall{gap:var(--spacing-sd-system-dimension-spacing-extra-small)}.px_sd\.system\.dimension\.spacing\.medium{padding-inline:var(--spacing-sd-system-dimension-spacing-medium)}.py_sd\.system\.dimension\.spacing\.small{padding-block:var(--spacing-sd-system-dimension-spacing-small)}.cursor_pointer{cursor:pointer}.flex_1{flex:1 1 0%}.ta_left{text-align:left}.c_sd\.system\.color\.component\.onSurface{color:var(--colors-sd-system-color-component-on-surface)}.flex_0_0_24px{flex:0 0 24px}.trs_transform_0\.2s{transition:transform .2s}.trf_rotate\(-90deg\){transform:rotate(-90deg)}.bdr_50\%{border-radius:50%}.w_24{width:24px}.h_24{height:24px}.w_40{width:40px}.h_40{height:40px}.w_80{width:80px}.h_80{height:80px}.h_100\%{height:100%}.d_inline-flex{display:inline-flex}.gap_2px{gap:2px}.bdr_sd\.system\.dimension\.radius\.extraLarge{border-radius:var(--radii-sd-system-dimension-radius-extra-large)}.bg_sd\.system\.color\.interaction\.hoveredVariant{background:var(--colors-sd-system-color-interaction-hovered-variant)}.h_16px{height:16px}.h_24px{height:24px}.h_32px{height:32px}.bg_sd\.reference\.color\.scale\.gray\.600{background:var(--colors-sd-reference-color-scale-gray-600)}.c_sd\.system\.color\.component\.inverseOnSurface{color:var(--colors-sd-system-color-component-inverse-on-surface)}.bg_sd\.reference\.color\.scale\.blue\.600{background:var(--colors-sd-reference-color-scale-blue-600)}.bg_sd\.reference\.color\.scale\.green\.600{background:var(--colors-sd-reference-color-scale-green-600)}.bg_sd\.reference\.color\.scale\.yellow\.600{background:var(--colors-sd-reference-color-scale-yellow-600)}.bg_sd\.reference\.color\.scale\.chestnut\.600{background:var(--colors-sd-reference-color-scale-chestnut-600)}.bg_sd\.reference\.color\.scale\.red\.600{background:var(--colors-sd-reference-color-scale-red-600)}.bg_sd\.reference\.color\.scale\.gray\.100{background:var(--colors-sd-reference-color-scale-gray-100)}.c_sd\.reference\.color\.scale\.gray\.800{color:var(--colors-sd-reference-color-scale-gray-800)}.bg_sd\.reference\.color\.scale\.blue\.100{background:var(--colors-sd-reference-color-scale-blue-100)}.c_sd\.reference\.color\.scale\.blue\.800{color:var(--colors-sd-reference-color-scale-blue-800)}.bg_sd\.reference\.color\.scale\.green\.100{background:var(--colors-sd-reference-color-scale-green-100)}.c_sd\.reference\.color\.scale\.green\.800{color:var(--colors-sd-reference-color-scale-green-800)}.bg_sd\.reference\.color\.scale\.yellow\.100{background:var(--colors-sd-reference-color-scale-yellow-100)}.c_sd\.reference\.color\.scale\.yellow\.800{color:var(--colors-sd-reference-color-scale-yellow-800)}.bg_sd\.reference\.color\.scale\.chestnut\.100{background:var(--colors-sd-reference-color-scale-chestnut-100)}.c_sd\.reference\.color\.scale\.chestnut\.800{color:var(--colors-sd-reference-color-scale-chestnut-800)}.bg_sd\.reference\.color\.scale\.red\.100{background:var(--colors-sd-reference-color-scale-red-100)}.c_sd\.reference\.color\.scale\.red\.800{color:var(--colors-sd-reference-color-scale-red-800)}.w_12{width:12px}.h_12{height:12px}.d_grid{display:grid}.p_sd\.system\.dimension\.spacing\.small{padding:var(--spacing-sd-system-dimension-spacing-small)}.bdr_sd\.system\.dimension\.radius\.medium{border-radius:var(--radii-sd-system-dimension-radius-medium)}.bg_sd\.system\.color\.component\.surface{background:var(--colors-sd-system-color-component-surface)}.bg_sd\.system\.color\.impression\.negativeContainer{background:var(--colors-sd-system-color-impression-negative-container)}.c_sd\.system\.color\.impression\.onNegativeContainer{color:var(--colors-sd-system-color-impression-on-negative-container)}.bg_sd\.system\.color\.impression\.noticeContainer{background:var(--colors-sd-system-color-impression-notice-container)}.c_sd\.system\.color\.impression\.onNoticeContainer{color:var(--colors-sd-system-color-impression-on-notice-container)}.c_sd\.system\.color\.impression\.negative{color:var(--colors-sd-system-color-impression-negative)}.grid-area_2_\/_2_\/_3_\/_3{grid-area:2 / 2 / 3 / 3}.h_64{height:64px}.bd-t_1px_solid{border-top:1px solid}.gap_sd\.system\.dimension\.spacing\.twoExtraSmall{gap:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pos_relative{position:relative}.c_sd\.system\.color\.impression\.primary{color:var(--colors-sd-system-color-impression-primary)}.pos_absolute{position:absolute}.bdr_sd\.system\.dimension\.radius\.full{border-radius:var(--radii-sd-system-dimension-radius-full)}.ov_hidden{overflow:hidden}.bg_sd\.system\.color\.impression\.primaryContainer{background:var(--colors-sd-system-color-impression-primary-container)}.c_sd\.system\.color\.impression\.onPrimaryContainer{color:var(--colors-sd-system-color-impression-on-primary-container)}.h_48{height:48px}.px_sd\.system\.dimension\.spacing\.extraLarge{padding-inline:var(--spacing-sd-system-dimension-spacing-extra-large)}.h_32{height:32px}.px_sd\.system\.dimension\.spacing\.small{padding-inline:var(--spacing-sd-system-dimension-spacing-small)}.py_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-block:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.z_sd\.system\.elevation\.zIndex\.base{z-index:var(--z-index-sd-system-elevation-z-index-base)}.c_subtle{color:subtle}.p_2px{padding:2px}.gap_sd\.system\.dimension\.spacing\.medium{gap:var(--spacing-sd-system-dimension-spacing-medium)}.c_sd\.system\.color\.component\.outline{color:var(--colors-sd-system-color-component-outline)}.flex-flow_column{flex-flow:column}.c_sd\.system\.color\.component\.onSurfaceVariant{color:var(--colors-sd-system-color-component-on-surface-variant)}.min-h_160px{min-height:160px}.gap_sd\.system\.dimension\.spacing\.twoExtraLarge{gap:var(--spacing-sd-system-dimension-spacing-two-extra-large)}.grid-c_span_2{grid-column:span 2}.order_-1{order:-1}.bd-b_1px_solid{border-bottom:1px solid}.va_middle{vertical-align:middle}.px_sd\.system\.dimension\.spacing\.extraSmall{padding-inline:var(--spacing-sd-system-dimension-spacing-extra-small)}.white-space_nowrap{white-space:nowrap}.bg_sd\.system\.color\.impression\.positiveContainerVariant{background:var(--colors-sd-system-color-impression-positive-container-variant)}.bg_sd\.system\.color\.impression\.noticeContainerVariant{background:var(--colors-sd-system-color-impression-notice-container-variant)}.bg_sd\.system\.color\.impression\.negativeContainerVariant{background:var(--colors-sd-system-color-impression-negative-container-variant)}.c_sd\.system\.color\.impression\.onNegativeContainerVariant{color:var(--colors-sd-system-color-impression-on-negative-container-variant)}.bg_color-mix\(in_srgb\,_token\(colors\.sd\.system\.color\.component\.surface\)_95\%\,_token\(colors\.sd\.system\.color\.component\.inverseSurface\)_5\%\){background:color-mix(in srgb,var(--colors-sd-system-color-component-surface) 95%,var(--colors-sd-system-color-component-inverse-surface) 5%)}.bg_sd\.system\.color\.component\.inversePrimary{background:var(--colors-sd-system-color-component-inverse-primary)}.h_40px{height:40px}.bg_color-mix\(in_srgb\,_token\(colors\.sd\.system\.color\.impression\.positiveContainerVariant\)_95\%\,_token\(colors\.sd\.system\.color\.component\.inverseSurface\)_5\%\){background:color-mix(in srgb,var(--colors-sd-system-color-impression-positive-container-variant) 95%,var(--colors-sd-system-color-component-inverse-surface) 5%)}.op_0\.95{opacity:.95}.bg_color-mix\(in_srgb\,_token\(colors\.sd\.system\.color\.impression\.noticeContainerVariant\)_95\%\,_token\(colors\.sd\.system\.color\.component\.inverseSurface\)_5\%\){background:color-mix(in srgb,var(--colors-sd-system-color-impression-notice-container-variant) 95%,var(--colors-sd-system-color-component-inverse-surface) 5%)}.bg_color-mix\(in_srgb\,_token\(colors\.sd\.system\.color\.impression\.negativeContainerVariant\)_95\%\,_token\(colors\.sd\.system\.color\.component\.inverseSurface\)_5\%\){background:color-mix(in srgb,var(--colors-sd-system-color-impression-negative-container-variant) 95%,var(--colors-sd-system-color-component-inverse-surface) 5%)}.op_0\.98{opacity:.98}.w_sd\.system\.dimension\.spacing\.twoExtraLarge{width:var(--sizes-sd-system-dimension-spacing-two-extra-large)}.bd_1px_solid{border:1px solid}.bdr_4px{border-radius:4px}.bx-sh_sm{box-shadow:sm}.bd-cl_separate{border-collapse:separate}.bd-sp_0{border-spacing:0}.min-w_100\%{min-width:100%}.ap_none{-moz-appearance:none;appearance:none;-webkit-appearance:none}.ta_center{text-align:center}.z_sd\.system\.elevation\.zIndex\.dropdown{z-index:var(--z-index-sd-system-elevation-z-index-dropdown)}.bx-sh_sd\.system\.elevation\.shadow\.level1{box-shadow:var(--shadows-sd-system-elevation-shadow-level1)}.gap_sd\.system\.dimension\.spacing\.small{gap:var(--spacing-sd-system-dimension-spacing-small)}.w_fit-content{width:fit-content}.px_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-inline:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.w_full{width:full}.p_0{padding:0}.w_40px{width:40px}.bd_none{border:none}.bg_transparent{background:transparent}.z_2{z-index:2}.trf_translateY\(-50\%\){transform:translateY(-50%)}.pointer-events_none{pointer-events:none}.--thickness_1px{--thickness: 1px}.h_sd\.reference\.dimension\.scale\.1{height:var(--sizes-sd-reference-dimension-scale-1)}.w_sd\.reference\.dimension\.scale\.1{width:var(--sizes-sd-reference-dimension-scale-1)}.min-h_10px{min-height:10px}.bg_sd\.system\.color\.component\.scrim{background:var(--colors-sd-system-color-component-scrim)}.pos_fixed{position:fixed}.inset_0{top:0;right:0;bottom:0;left:0}.z_sd\.system\.elevation\.zIndex\.modal{z-index:var(--z-index-sd-system-elevation-z-index-modal)}.w_calc\(100\%_-_\{spacing\.sd\.system\.dimension\.spacing\.extraLarge\}\){width:calc(100% - var(--spacing-sd-system-dimension-spacing-extra-large))}.max-w_375px{max-width:375px}.h_100vh{height:100vh}.bx-sh_sd\.system\.elevation\.shadow\.level5{box-shadow:var(--shadows-sd-system-elevation-shadow-level5)}.max-w_100\%{max-width:100%}.p_sd\.system\.dimension\.spacing\.twoExtraSmall{padding:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.ring_none{outline:2px solid transparent;outline-offset:2px}.w_240{width:240px}.h_48px{height:48px}.py_sd\.system\.dimension\.spacing\.extraSmall{padding-block:var(--spacing-sd-system-dimension-spacing-extra-small)}.ps_sd\.system\.dimension\.spacing\.medium{padding-inline-start:var(--spacing-sd-system-dimension-spacing-medium)}.w_\{spacing\.sd\.reference\.dimension\.scale\.17\}{width:var(--spacing-sd-reference-dimension-scale-17)}.h_\{spacing\.sd\.reference\.dimension\.scale\.17\}{height:var(--spacing-sd-reference-dimension-scale-17)}.w_\{spacing\.sd\.reference\.dimension\.scale\.13\}{width:var(--spacing-sd-reference-dimension-scale-13)}.h_\{spacing\.sd\.reference\.dimension\.scale\.13\}{height:var(--spacing-sd-reference-dimension-scale-13)}.w_\{spacing\.sd\.reference\.dimension\.scale\.10\}{width:var(--spacing-sd-reference-dimension-scale-10)}.h_\{spacing\.sd\.reference\.dimension\.scale\.10\}{height:var(--spacing-sd-reference-dimension-scale-10)}.min-h_48{min-height:48px}.min-h_38{min-height:38px}.min-w_24{min-width:24px}.trf_translate\(-50\%\,_-50\%\){transform:translate(-50%,-50%)}.w_calc\(100\%_-_\{spacing\.sd\.system\.dimension\.spacing\.large\}_\*_2\){width:calc(100% - var(--spacing-sd-system-dimension-spacing-large) * 2)}.max-w_408px{max-width:408px}.c_sd\.system\.color\.impression\.onNegative{color:var(--colors-sd-system-color-impression-on-negative)}.h_16{height:16px}.min-w_16{min-width:16px}.h_8{height:8px}.px_0{padding-inline:0}.min-w_8{min-width:8px}.page_1{page:1px}.gap_sd\.system\.dimension\.spacing\.none{gap:var(--spacing-sd-system-dimension-spacing-none)}.min-w_32{min-width:32px}.m_0{margin:0}.w_32{width:32px}.c_primary{color:primary}.h_4px{height:4px}.h_8px{height:8px}.w_12px{width:12px}.h_12px{height:12px}.w_16px{width:16px}.w_calc\(100\%_-_4px\){width:calc(100% - 4px)}.fill_none{fill:none}.bdr_0{border-radius:0}.stk_sd\.system\.color\.impression\.primary{stroke:var(--colors-sd-system-color-impression-primary)}.stk-lc_butt{stroke-linecap:butt}.trf-o_center{transform-origin:center}.h_2px{height:2px}.w_50\%{width:50%}.anim_progressIndicatorSlide_1\.7s_cubic-bezier\(0\.65\,_0\.05\,_0\.36\,_1\)_infinite{animation:progressIndicatorSlide 1.7s cubic-bezier(.65,.05,.36,1) infinite}.stk_sd\.reference\.color\.scale\.gray\.300{stroke:var(--colors-sd-reference-color-scale-gray-300)}.c_sd\.system\.color\.component\.outlineVariant{color:var(--colors-sd-system-color-component-outline-variant)}.tov_ellipsis{text-overflow:ellipsis}.d_inline-grid{display:inline-grid}.w_20px{width:20px}.w_sd\.system\.dimension\.spacing\.large{width:var(--sizes-sd-system-dimension-spacing-large)}.op_0{opacity:0}.h_sd\.system\.dimension\.spacing\.large{height:var(--sizes-sd-system-dimension-spacing-large)}.bdr_sd\.system\.dimension\.radius\.small{border-radius:var(--radii-sd-system-dimension-radius-small)}.w_52{width:52px}.d_block{display:block}.w_20{width:20px}.h_20{height:20px}.my_5{margin-block:5px}.mx_6{margin-inline:6px}.w_160{width:160px}.h_44{height:44px}.bd-b_2px_solid{border-bottom:2px solid}.w_8{width:8px}.w_16{width:16px}.field-sizing_content{field-sizing:content}.min-h_2lh{min-height:2lh}.ta_right{text-align:right}.gap_10px{gap:10px}.bx-sh_sd\.system\.elevation\.shadow\.level3{box-shadow:var(--shadows-sd-system-elevation-shadow-level3)}.bg_sd\.system\.color\.component\.inverseSurface{background:var(--colors-sd-system-color-component-inverse-surface)}.c_sd\.system\.color\.impression\.positive{color:var(--colors-sd-system-color-impression-positive)}.max-w_200px{max-width:200px}.z_1000{z-index:1000}.--arrow-size_8px{--arrow-size: 8px}.--arrow-background_colors\.sd\.system\.color\.component\.inverseSurface{--arrow-background: var(--colors-sd-system-color-component-inverse-surface)}.z_1001{z-index:1001}.gap_8px{gap:8px}.flex-d_row-reverse{flex-direction:row-reverse}.pt_sd\.system\.dimension\.spacing\.small{padding-top:var(--spacing-sd-system-dimension-spacing-small)}.pb_sd\.system\.dimension\.spacing\.medium{padding-bottom:var(--spacing-sd-system-dimension-spacing-medium)}.flex-d_column{flex-direction:column}.ai_center{align-items:center}.jc_center{justify-content:center}.bg-c_sd\.reference\.color\.scale\.blue\.200{background-color:var(--colors-sd-reference-color-scale-blue-200)}.fs_11{font-size:11px}.fs_19{font-size:19px}.fs_37{font-size:37px}.pr_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-right:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pl_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-left:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pr_sd\.system\.dimension\.spacing\.extraSmall{padding-right:var(--spacing-sd-system-dimension-spacing-extra-small)}.pl_sd\.system\.dimension\.spacing\.extraSmall{padding-left:var(--spacing-sd-system-dimension-spacing-extra-small)}.pr_sd\.system\.dimension\.spacing\.medium{padding-right:var(--spacing-sd-system-dimension-spacing-medium)}.pl_sd\.system\.dimension\.spacing\.medium{padding-left:var(--spacing-sd-system-dimension-spacing-medium)}.grid-tc_24px_1fr{grid-template-columns:24px 1fr}.cg_sd\.system\.dimension\.spacing\.twoExtraSmall{column-gap:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.rg_sd\.system\.dimension\.spacing\.extraSmall{row-gap:var(--spacing-sd-system-dimension-spacing-extra-small)}.bd-w_sd\.system\.dimension\.border\.medium{border-width:var(--border-widths-sd-system-dimension-border-medium)}.border-style_solid{border-style:solid}.bd-c_sd\.system\.color\.component\.outline{border-color:var(--colors-sd-system-color-component-outline)}.bd-c_sd\.system\.color\.impression\.negativeContainer{border-color:var(--colors-sd-system-color-impression-negative-container)}.bd-c_sd\.system\.color\.impression\.noticeContainer{border-color:var(--colors-sd-system-color-impression-notice-container)}.jc_space-around{justify-content:space-around}.bd-t-c_sd\.system\.color\.component\.outline{border-top-color:var(--colors-sd-system-color-component-outline)}.top_-6px{top:-6px}.right_4px{right:4px}.top_-2\.5px{top:-2.5px}.ring-w_sd\.system\.dimension\.border\.medium{outline-width:var(--border-widths-sd-system-dimension-border-medium)}.outline-style_solid{outline-style:solid}.ring-c_sd\.system\.color\.component\.outline{outline-color:var(--colors-sd-system-color-component-outline)}.bg-c_sd\.system\.color\.component\.surface{background-color:var(--colors-sd-system-color-component-surface)}.pl_sd\.system\.dimension\.spacing\.extraLarge{padding-left:var(--spacing-sd-system-dimension-spacing-extra-large)}.pr_sd\.system\.dimension\.spacing\.extraLarge{padding-right:var(--spacing-sd-system-dimension-spacing-extra-large)}.top_20{top:20px}.right_80{right:80px}.bottom_60{bottom:60px}.left_60{left:60px}.flex-sh_0{flex-shrink:0}.mt_sd\.system\.dimension\.spacing\.twoExtraSmall{margin-top:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.ai_flex-start{align-items:flex-start}.bg-c_sd\.reference\.color\.scale\.gray\.200{background-color:var(--colors-sd-reference-color-scale-gray-200)}.jc_space-between{justify-content:space-between}.grid-tc_1fr{grid-template-columns:1fr}.grid-tc_auto_1fr{grid-template-columns:auto 1fr}.grid-tc_1fr_1fr{grid-template-columns:1fr 1fr}.as_flex-end{align-self:flex-end}.ai_baseline{align-items:baseline}.ff_Roboto\,_sans-serif{font-family:Roboto,sans-serif}.fw_400{font-weight:400}.fs_13px{font-size:13px}.fs_11px{font-size:11px}.fs_15px{font-size:15px}.fs_14px{font-size:14px}.ov-x_auto{overflow-x:auto}.grid-tc_1fr_auto_1fr{grid-template-columns:1fr auto 1fr}.fw_normal{font-weight:400}.fv-num_tabular-nums{font-variant-numeric:tabular-nums}.pr_30px{padding-right:30px}.right_0{right:0}.top_50\%{top:50%}.border-block-end-width_var\(--thickness\){border-block-end-width:var(--thickness)}.bd-c_sd\.reference\.color\.scale\.gray\.200{border-color:var(--colors-sd-reference-color-scale-gray-200)}.bd-c_sd\.reference\.color\.scale\.gray\.300{border-color:var(--colors-sd-reference-color-scale-gray-300)}.bd-c_sd\.system\.color\.component\.outlineVariant{border-color:var(--colors-sd-system-color-component-outline-variant)}.border-bottom-style_solid{border-bottom-style:solid}.border-left-style_solid{border-left-style:solid}.top_0{top:0}.left_0{left:0}.jc_flex-start{justify-content:flex-start}.jc_flex-end{justify-content:flex-end}.pr_sd\.system\.dimension\.spacing\.small{padding-right:var(--spacing-sd-system-dimension-spacing-small)}.ml_2px{margin-left:2px}.bg-c_sd\.system\.color\.impression\.primaryContainer{background-color:var(--colors-sd-system-color-impression-primary-container)}.ring-c_transparent{outline-color:transparent}.flex-g_1{flex-grow:1}.right_sd\.system\.dimension\.spacing\.medium{right:var(--spacing-sd-system-dimension-spacing-medium)}.top_sd\.system\.dimension\.spacing\.extraSmall{top:var(--spacing-sd-system-dimension-spacing-extra-small)}.left_50\%{left:50%}.pt_sd\.system\.dimension\.spacing\.extraLarge{padding-top:var(--spacing-sd-system-dimension-spacing-extra-large)}.pb_sd\.system\.dimension\.spacing\.large{padding-bottom:var(--spacing-sd-system-dimension-spacing-large)}.bg-c_sd\.system\.color\.impression\.negative{background-color:var(--colors-sd-system-color-impression-negative)}.bg-c_sd\.system\.color\.impression\.primary{background-color:var(--colors-sd-system-color-impression-primary)}.lh_24px{line-height:24px}.bg-c_sd\.reference\.color\.scale\.gray\.100{background-color:var(--colors-sd-reference-color-scale-gray-100)}.left_0px{left:0}.bg-c_sd\.reference\.color\.scale\.gray\.300{background-color:var(--colors-sd-reference-color-scale-gray-300)}.lh_1{line-height:1}.grid-tc_auto_1fr_auto{grid-template-columns:auto 1fr auto}.pb_sd\.system\.dimension\.spacing\.small{padding-bottom:var(--spacing-sd-system-dimension-spacing-small)}.pt_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-top:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pb_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-bottom:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.scr-pl_sd\.system\.dimension\.spacing\.twoExtraSmall{scroll-padding-left:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pb_sd\.system\.dimension\.spacing\.extraSmall{padding-bottom:var(--spacing-sd-system-dimension-spacing-extra-small)}.pt_sd\.system\.dimension\.spacing\.extraSmall{padding-top:var(--spacing-sd-system-dimension-spacing-extra-small)}.grid-tc_1fr_auto{grid-template-columns:1fr auto}.bg-c_sd\.system\.color\.interaction\.disabled{background-color:var(--colors-sd-system-color-interaction-disabled)}.bd-w_1{border-width:1px}.trs-dur_\.2s{--transition-duration: .2s;transition-duration:.2s}.trs-prop_background\,_borderColor{--transition-prop: background, borderColor;transition-property:background,borderColor}.trs-tmf_cubic-bezier\(\.2\,_0\,_0\,_1\){--transition-easing: cubic-bezier(.2, 0, 0, 1);transition-timing-function:cubic-bezier(.2,0,0,1)}.trs-dur_\.3s{--transition-duration: .3s;transition-duration:.3s}.trs-prop_transform\,_borderColor{--transition-prop: transform, borderColor;transition-property:transform,borderColor}.lh_sd\.reference\.typography\.lineHeight\.tight{line-height:var(--line-heights-sd-reference-typography-line-height-tight)}.trs-prop_color\,_border-color{--transition-prop: color, border-color;transition-property:color,border-color}.bd-b-c_transparent{border-bottom-color:transparent}.bg-c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\,_\{colors\.sd\.system\.color\.impression\.negativeContainer\}\)\;{background-color:color-mix(in srgb,var(--colors-sd-system-color-interaction-hovered-on-primary),var(--colors-sd-system-color-impression-negative-container))}.grid-tc_auto{grid-template-columns:auto}.mt_sd\.system\.dimension\.spacing\.extraSmall{margin-top:var(--spacing-sd-system-dimension-spacing-extra-small)}.mr_sd\.system\.dimension\.spacing\.twoExtraSmall{margin-right:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.mb_sd\.system\.dimension\.spacing\.twoExtraSmall{margin-bottom:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.ml_sd\.system\.dimension\.spacing\.small{margin-left:var(--spacing-sd-system-dimension-spacing-small)}.flex-d_row{flex-direction:row}.bd-c_sd\.system\.color\.impression\.negative{border-color:var(--colors-sd-system-color-impression-negative)}.content_ツールチップの内容{content:ツールチップの内容}.content_上部に表示{content:上部に表示}.content_左側に表示{content:左側に表示}.content_右側に表示{content:右側に表示}.content_下部に表示{content:下部に表示}.content_左上に表示{content:左上に表示}.content_右上に表示{content:右上に表示}.content_左下に表示{content:左下に表示}.content_右下に表示{content:右下に表示}.content_すぐに表示（100ms）{content:すぐに表示（100ms）}.content_デフォルト（700ms）{content:デフォルト（700ms）}.content_ゆっくり表示（1500ms）{content:ゆっくり表示（1500ms）}.content_これは長いツールチップテキストです。最大幅が200pxに設定されているため、自動的に改行されます。{content:これは長いツールチップテキストです。最大幅が200pxに設定されているため、自動的に改行されます。}.content_このツールチップは表示されます{content:このツールチップは表示されます}.content_このツールチップは表示されません{content:このツールチップは表示されません}.content_ボタンのツールチップ{content:ボタンのツールチップ}.content_テキストのツールチップ{content:テキストのツールチップ}.content_アイコンのツールチップ{content:アイコンのツールチップ}.bg-c_sd\.system\.color\.component\.inverseSurface{background-color:var(--colors-sd-system-color-component-inverse-surface)}.open\:trf_rotate\(180deg\):is([open],[data-open],[data-state=open]){transform:rotate(180deg)}.open\:trf_rotate\(0deg\):is([open],[data-open],[data-state=open]){transform:rotate(0)}.\[\&_svg\]\:w_sd\.reference\.dimension\.scale\.8 svg{width:var(--sizes-sd-reference-dimension-scale-8)}.\[\&_svg\]\:h_sd\.reference\.dimension\.scale\.8 svg{height:var(--sizes-sd-reference-dimension-scale-8)}.disabled\:cursor_not-allowed:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.disabled\:bg_sd\.system\.color\.interaction\.disabled:is(:disabled,[disabled],[data-disabled]){background:var(--colors-sd-system-color-interaction-disabled)}.disabled\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled]){color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.disabled\:ring_none:is(:disabled,[disabled],[data-disabled]){outline:2px solid transparent;outline-offset:2px}.\[\&_\.checkmark\]\:c_sd\.system\.color\.impression\.onPrimaryContainer .checkmark{color:var(--colors-sd-system-color-impression-on-primary-container)}.disabled\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.outline\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]){color:color-mix(in srgb,var(--colors-sd-system-color-component-outline),var(--colors-sd-system-color-interaction-hovered-on-primary))}.after\:pos_absolute:after{position:absolute}.after\:pointer-events_none:after{pointer-events:none}.after\:w_100\%:after{width:100%}.after\:h_100\%:after{height:100%}.after\:bg_sd\.system\.color\.component\.inversePrimary:after{background:var(--colors-sd-system-color-component-inverse-primary)}.after\:z_1:after{z-index:1}.after\:mix-bm_multiply:after{mix-blend-mode:multiply}.open\:d_flex:is([open],[data-open],[data-state=open]){display:flex}.open\:anim_fadeIn_0\.25s_ease-out:is([open],[data-open],[data-state=open]){animation:fadeIn .25s ease-out}.closed\:d_none:is([closed],[data-closed],[data-state=closed]){display:none}.closed\:anim_fadeOut_0\.2s_ease-out:is([closed],[data-closed],[data-state=closed]){animation:fadeOut .2s ease-out}.hidden\:d_none:is([hidden],[data-hidden]){display:none}.before\:pos_absolute:before{position:absolute}.before\:inset_0:before{top:0;right:0;bottom:0;left:0}.before\:z_-1:before{z-index:-1}.before\:bdr_sd\.system\.dimension\.radius\.full:before{border-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-in-range\]\]\:bg_sd\.system\.color\.interaction\.selectedSurface[data-in-range]{background:var(--colors-sd-system-color-interaction-selected-surface)}.\[\&\[data-in-range\]\]\:bdr_0px[data-in-range]{border-radius:0}.\[\&\[data-in-range\]\&\[data-in-hover-range\]\]\:bg_sd\.system\.color\.interaction\.hoveredVariant[data-in-range].\[\&\[data-in-range\]\&\[data-in-hover-range\]\]\:bg_sd\.system\.color\.interaction\.hoveredVariant[data-in-hover-range],.\[\&\[data-hover-range-start\]\]\:bg_sd\.system\.color\.interaction\.hoveredVariant[data-hover-range-start],.\[\&\[data-hover-range-end\]\]\:bg_sd\.system\.color\.interaction\.hoveredVariant[data-hover-range-end]{background:var(--colors-sd-system-color-interaction-hovered-variant)}.selected\:c_sd\.system\.color\.impression\.onPrimaryContainer:is([aria-selected=true],[data-selected]){color:var(--colors-sd-system-color-impression-on-primary-container)}.selected\:z_100:is([aria-selected=true],[data-selected]){z-index:100}.unavailable\:c_sd\.system\.color\.interaction\.disabledOnSurface[data-unavailable]{color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.unavailable\:cursor_not-allowed[data-unavailable]{cursor:not-allowed}.unavailable\:td_line-through[data-unavailable]{text-decoration:line-through}.disabled\:ring_solid:is(:disabled,[disabled],[data-disabled]){outline:solid}.disabled\:ring-o_0px:is(:disabled,[disabled],[data-disabled]){outline-offset:0px}.disabled\:bg_transparent:is(:disabled,[disabled],[data-disabled]){background:transparent}.\[\&_svg\]\:w_sd\.reference\.dimension\.scale\.12 svg{width:var(--sizes-sd-reference-dimension-scale-12)}.\[\&_svg\]\:h_sd\.reference\.dimension\.scale\.12 svg{height:var(--sizes-sd-reference-dimension-scale-12)}.selected\:bg_sd\.system\.color\.interaction\.selectedSurface:is([aria-selected=true],[data-selected]){background:var(--colors-sd-system-color-interaction-selected-surface)}.disabled\:op_0\.3:is(:disabled,[disabled],[data-disabled]){opacity:.3}.\[\&_svg\]\:w_24px svg{width:24px}.\[\&_svg\]\:h_24px svg{height:24px}.\[\&_svg\]\:d_block svg{display:block}.\[\&_svg\]\:max-h_100\% svg{max-height:100%}.\[\&_svg\]\:max-w_100\% svg{max-width:100%}.\[\&_svg\]\:w_40px svg{width:40px}.\[\&_svg\]\:h_40px svg{height:40px}.\[\&\[data-selected\]\]\:c_sd\.system\.color\.interaction\.disabledOnSurface[data-selected]{color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.disabled\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.impression\.primary\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]){color:color-mix(in srgb,var(--colors-sd-system-color-impression-primary),var(--colors-sd-system-color-interaction-hovered-on-primary))}.disabled\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.outlineVariant\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]){color:color-mix(in srgb,var(--colors-sd-system-color-component-outline-variant),var(--colors-sd-system-color-interaction-hovered-on-primary))}.placeholder\:c_sd\.system\.color\.component\.onSurfaceVariant::placeholder,.placeholder\:c_sd\.system\.color\.component\.onSurfaceVariant[data-placeholder]{color:var(--colors-sd-system-color-component-on-surface-variant)}[data-disabled] .\[\[data-disabled\]_\&\]\:c_sd\.system\.color\.interaction\.disabledOnSurface{color:var(--colors-sd-system-color-interaction-disabled-on-surface)}[data-state=open] .\[\[data-state\=open\]_\&\]\:op_1{opacity:1}[data-placeholder-shown] .\[\[data-placeholder-shown\]_\&\]\:c_sd\.system\.color\.component\.onSurfaceVariant{color:var(--colors-sd-system-color-component-on-surface-variant)}.disabled\:cursor_default:is(:disabled,[disabled],[data-disabled]){cursor:default}.checked\:trf_translateX\(19px\):is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){transform:translate(19px)}.selected\:c_sd\.system\.color\.impression\.primary:is([aria-selected=true],[data-selected]){color:var(--colors-sd-system-color-impression-primary)}.disabled\:bg-c_sd\.system\.color\.interaction\.disabled:is(:disabled,[disabled],[data-disabled]){background-color:var(--colors-sd-system-color-interaction-disabled)}.after\:content_\'\':after{content:""}.after\:top_0:after{top:0}.after\:left_0:after{left:0}.expanded\:ring-w_sd\.system\.dimension\.border\.thick:is([aria-expanded=true],[data-expanded],[data-state=expanded]){outline-width:var(--border-widths-sd-system-dimension-border-thick)}.expanded\:ring-c_sd\.system\.color\.impression\.primary:is([aria-expanded=true],[data-expanded],[data-state=expanded]){outline-color:var(--colors-sd-system-color-impression-primary)}.before\:content_\'\':before{content:""}.\[\&\[data-hover-range-start\]\]\:bdr-tl_sd\.system\.dimension\.radius\.full[data-hover-range-start]{border-top-left-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-hover-range-start\]\]\:bdr-bl_sd\.system\.dimension\.radius\.full[data-hover-range-start]{border-bottom-left-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-hover-range-start\]\]\:bdr-tr_0px[data-hover-range-start]{border-top-right-radius:0}.\[\&\[data-hover-range-start\]\]\:bdr-br_0px[data-hover-range-start]{border-bottom-right-radius:0}.\[\&\[data-hover-range-end\]\]\:bdr-tr_sd\.system\.dimension\.radius\.full[data-hover-range-end]{border-top-right-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-hover-range-end\]\]\:bdr-br_sd\.system\.dimension\.radius\.full[data-hover-range-end]{border-bottom-right-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-hover-range-end\]\]\:bdr-tl_0px[data-hover-range-end]{border-top-left-radius:0}.\[\&\[data-hover-range-end\]\]\:bdr-bl_0px[data-hover-range-end]{border-bottom-left-radius:0}.\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-tl_sd\.system\.dimension\.radius\.full[data-hover-range-start].\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-tl_sd\.system\.dimension\.radius\.full[data-hover-range-end]{border-top-left-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-bl_sd\.system\.dimension\.radius\.full[data-hover-range-start].\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-bl_sd\.system\.dimension\.radius\.full[data-hover-range-end]{border-bottom-left-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-tr_sd\.system\.dimension\.radius\.full[data-hover-range-start].\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-tr_sd\.system\.dimension\.radius\.full[data-hover-range-end]{border-top-right-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-br_sd\.system\.dimension\.radius\.full[data-hover-range-start].\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-br_sd\.system\.dimension\.radius\.full[data-hover-range-end]{border-bottom-right-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-range-start\]\]\:bdr-tl_sd\.system\.dimension\.radius\.full[data-range-start]{border-top-left-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-range-start\]\]\:bdr-bl_sd\.system\.dimension\.radius\.full[data-range-start]{border-bottom-left-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-range-end\]\]\:bdr-tr_sd\.system\.dimension\.radius\.full[data-range-end]{border-top-right-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-range-end\]\]\:bdr-br_sd\.system\.dimension\.radius\.full[data-range-end]{border-bottom-right-radius:var(--radii-sd-system-dimension-radius-full)}.highlighted\:bg-c_sd\.system\.color\.interaction\.hoveredVariant[data-highlighted]{background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.disabled\:ring-c_sd\.system\.color\.component\.outline:is(:disabled,[disabled],[data-disabled]){outline-color:var(--colors-sd-system-color-component-outline)}.disabled\:ring-w_sd\.system\.dimension\.border\.medium:is(:disabled,[disabled],[data-disabled]){outline-width:var(--border-widths-sd-system-dimension-border-medium)}.disabled\:ring-c_transparent:is(:disabled,[disabled],[data-disabled]){outline-color:transparent}.\[\&\[data-selected\]\]\:fw_bold[data-selected]{font-weight:700}.invalid\:ring-c_sd\.system\.color\.impression\.negative:is(:invalid,[data-invalid]){outline-color:var(--colors-sd-system-color-impression-negative)}.\[\&\[data-focus\=\"true\"\]_\.control\]\:bd-c_sd\.system\.color\.impression\.primary[data-focus=true] .control{border-color:var(--colors-sd-system-color-impression-primary)}.checked\:bg-c_sd\.system\.color\.impression\.primary:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){background-color:var(--colors-sd-system-color-impression-primary)}.checked\:bd-c_sd\.system\.color\.impression\.primary:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){border-color:var(--colors-sd-system-color-impression-primary)}.checked\:bd-c_sd\.system\.color\.component\.surface:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){border-color:var(--colors-sd-system-color-component-surface)}.selected\:fw_bold:is([aria-selected=true],[data-selected]){font-weight:700}.selected\:bd-b-c_sd\.system\.color\.impression\.primary:is([aria-selected=true],[data-selected]){border-bottom-color:var(--colors-sd-system-color-impression-primary)}.\[\&\:has\(\[data-focus\=\"true\"\]\)\]\:ring-w_sd\.system\.dimension\.border\.thick:has([data-focus=true]){outline-width:var(--border-widths-sd-system-dimension-border-thick)}.\[\&\:has\(\[data-focus\=\"true\"\]\)\]\:ring-c_sd\.system\.color\.impression\.primary:has([data-focus=true]){outline-color:var(--colors-sd-system-color-impression-primary)}.lastOfType\:pb_8px:last-of-type{padding-bottom:8px}.firstOfType\:pb_0px:first-of-type{padding-bottom:0}.focusWithin\:ring-w_sd\.system\.dimension\.border\.thick:focus-within{outline-width:var(--border-widths-sd-system-dimension-border-thick)}.focusWithin\:ring-c_sd\.system\.color\.impression\.primary:focus-within{outline-color:var(--colors-sd-system-color-impression-primary)}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:ring-o_-2px{outline-offset:-2px}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bdr_sd\.system\.dimension\.radius\.small{border-radius:var(--radii-sd-system-dimension-radius-small)}.focusVisible\:ring_1px_solid:is(:focus-visible,[data-focus-visible]){outline:1px solid}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bdr_sd\.system\.dimension\.radius\.full{border-radius:var(--radii-sd-system-dimension-radius-full)}.focusVisible\:ring-o_-1px:is(:focus-visible,[data-focus-visible]){outline-offset:-1px}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:outline-style_solid{outline-style:solid}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:ring-w_1\.5px{outline-width:1.5px}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:ring-c_sd\.system\.color\.impression\.primary{outline-color:var(--colors-sd-system-color-impression-primary)}.focusVisible\:ring-c_sd\.system\.color\.component\.outline:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-component-outline)}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bg-c_sd\.system\.color\.interaction\.selectedSurface{background-color:var(--colors-sd-system-color-interaction-selected-surface)}.focus\:ring-w_sd\.system\.dimension\.border\.thick:is(:focus,[data-focus]){outline-width:var(--border-widths-sd-system-dimension-border-thick)}.focus\:ring-c_sd\.system\.color\.impression\.primary:is(:focus,[data-focus]){outline-color:var(--colors-sd-system-color-impression-primary)}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bd-c_sd\.system\.color\.impression\.primary{border-color:var(--colors-sd-system-color-impression-primary)}.focusVisible\:ring-w_1px:is(:focus-visible,[data-focus-visible]){outline-width:1px}.focusVisible\:outline-style_solid:is(:focus-visible,[data-focus-visible]){outline-style:solid}.hover\:bg_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.surface\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredVariant\}\):is(:hover,[data-hover]){background:color-mix(in srgb,var(--colors-sd-system-color-component-surface),var(--colors-sd-system-color-interaction-hovered-variant))}.hover\:bg_sd\.system\.color\.interaction\.hoveredVariant:is(:hover,[data-hover]){background:var(--colors-sd-system-color-interaction-hovered-variant)}.hover\:bg_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.interaction\.hoveredVariant\}\,_\{colors\.sd\.system\.color\.component\.surface\}\)\;:is(:hover,[data-hover]){background:color-mix(in srgb,var(--colors-sd-system-color-interaction-hovered-variant),var(--colors-sd-system-color-component-surface))}.hover\:c_sd\.system\.color\.impression\.primary:is(:hover,[data-hover]){color:var(--colors-sd-system-color-impression-primary)}.hover\:bg-c_sd\.system\.color\.interaction\.hoveredVariant:is(:hover,[data-hover]){background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.selected\:before\:bg_sd\.system\.color\.impression\.primaryContainer:is([aria-selected=true],[data-selected]):before{background:var(--colors-sd-system-color-impression-primary-container)}.expanded\:\[\&_svg\]\:trf_rotate\(180deg\):is([aria-expanded=true],[data-expanded],[data-state=expanded]) svg{transform:rotate(180deg)}.enabled\:focusVisible\:ring-o_-1px:enabled:is(:focus-visible,[data-focus-visible]){outline-offset:-1px}.selected\:hover\:bg_sd\.system\.color\.interaction\.selectedSurface:is([aria-selected=true],[data-selected]):is(:hover,[data-hover]){background:var(--colors-sd-system-color-interaction-selected-surface)}.disabled\:selected\:bg_transparent:is(:disabled,[disabled],[data-disabled]):is([aria-selected=true],[data-selected]){background:transparent}.disabled\:\[\&_svg\]\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled]) svg{color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.disabled\:placeholder\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled])::placeholder,.disabled\:placeholder\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled])[data-placeholder]{color:var(--colors-sd-system-color-interaction-disabled-on-surface)}[data-placeholder-shown] .disabled\:\[\[data-placeholder-shown\]_\&\]\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled]){color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.enabled\:hover\:bg_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.surface\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredVariant\}\):enabled:is(:hover,[data-hover]){background:color-mix(in srgb,var(--colors-sd-system-color-component-surface),var(--colors-sd-system-color-interaction-hovered-variant))}.enabled\:focusVisible\:ring-w_sd\.system\.dimension\.border\.medium:enabled:is(:focus-visible,[data-focus-visible]){outline-width:var(--border-widths-sd-system-dimension-border-medium)}.enabled\:focusVisible\:outline-style_solid:enabled:is(:focus-visible,[data-focus-visible]){outline-style:solid}.enabled\:focusVisible\:ring-c_sd\.system\.color\.interaction\.hovered:enabled:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-interaction-hovered)}.enabled\:hover\:bg-c_sd\.system\.color\.interaction\.hoveredVariant:enabled:is(:hover,[data-hover]){background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.enabled\:focusVisible\:bg-c_sd\.system\.color\.interaction\.hoveredVariant:enabled:is(:focus-visible,[data-focus-visible]){background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.enabled\:focusVisible\:ring-c_sd\.system\.color\.component\.outlineVariant:enabled:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-component-outline-variant)}.today\:before\:bd-w_sd\.system\.dimension\.border\.medium[data-today]:before{border-width:var(--border-widths-sd-system-dimension-border-medium)}.today\:before\:bd-c_sd\.system\.color\.component\.outline[data-today]:before{border-color:var(--colors-sd-system-color-component-outline)}.today\:before\:border-style_solid[data-today]:before{border-style:solid}.enabled\:hover\:bg-i_linear-gradient\(0deg\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_0\%\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_100\%\):enabled:is(:hover,[data-hover]){background-image:linear-gradient(0deg,var(--colors-sd-system-color-interaction-hovered) 0%,var(--colors-sd-system-color-interaction-hovered) 100%)}.enabled\:focusVisible\:bg-i_linear-gradient\(0deg\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_0\%\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_100\%\):enabled:is(:focus-visible,[data-focus-visible]){background-image:linear-gradient(0deg,var(--colors-sd-system-color-interaction-hovered) 0%,var(--colors-sd-system-color-interaction-hovered) 100%)}.enabled\:focusVisible\:ring-w_sd\.system\.dimension\.border\.thick:enabled:is(:focus-visible,[data-focus-visible]){outline-width:var(--border-widths-sd-system-dimension-border-thick)}.enabled\:focusVisible\:ring-c_sd\.system\.color\.impression\.primary:enabled:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-impression-primary)}.enabled\:hover\:ring-c_sd\.system\.color\.interaction\.hovered:enabled:is(:hover,[data-hover]){outline-color:var(--colors-sd-system-color-interaction-hovered)}.checked\:disabled\:bg-c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.impression\.primary\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):is(:disabled,[disabled],[data-disabled]){background-color:color-mix(in srgb,var(--colors-sd-system-color-impression-primary),var(--colors-sd-system-color-interaction-hovered-on-primary))}.checked\:disabled\:bd-c_transparent:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):is(:disabled,[disabled],[data-disabled]){border-color:transparent}.hover\:after\:pos_absolute:is(:hover,[data-hover]):after{position:absolute}.hover\:after\:pointer-events_none:is(:hover,[data-hover]):after{pointer-events:none}.hover\:after\:w_100\%:is(:hover,[data-hover]):after{width:100%}.hover\:after\:h_100\%:is(:hover,[data-hover]):after{height:100%}.hover\:after\:bg_sd\.system\.color\.interaction\.hoveredVariant:is(:hover,[data-hover]):after{background:var(--colors-sd-system-color-interaction-hovered-variant)}.hover\:after\:z_1:is(:hover,[data-hover]):after{z-index:1}.hover\:after\:bg_color-mix\(in_srgb\,_token\(colors\.sd\.system\.color\.component\.inversePrimary\)_95\%\,_token\(colors\.sd\.system\.color\.component\.inverseSurface\)_5\%\):is(:hover,[data-hover]):after{background:color-mix(in srgb,var(--colors-sd-system-color-component-inverse-primary) 95%,var(--colors-sd-system-color-component-inverse-surface) 5%)}.hover\:after\:mix-bm_multiply:is(:hover,[data-hover]):after{mix-blend-mode:multiply}.hover\:before\:bg_sd\.system\.color\.interaction\.hoveredVariant:is(:hover,[data-hover]):before{background:var(--colors-sd-system-color-interaction-hovered-variant)}.hover\:disabled\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:hover,[data-hover]):is(:disabled,[disabled],[data-disabled]){color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.hover\:after\:content_\'\':is(:hover,[data-hover]):after{content:""}.hover\:after\:top_0:is(:hover,[data-hover]):after{top:0}.hover\:after\:left_0:is(:hover,[data-hover]):after{left:0}.enabled\:hover\:after\:pos_absolute:enabled:is(:hover,[data-hover]):after{position:absolute}.enabled\:hover\:after\:inset_0:enabled:is(:hover,[data-hover]):after{top:0;right:0;bottom:0;left:0}.enabled\:hover\:after\:bg_sd\.system\.color\.interaction\.hovered:enabled:is(:hover,[data-hover]):after{background:var(--colors-sd-system-color-interaction-hovered)}.enabled\:focusVisible\:after\:pos_absolute:enabled:is(:focus-visible,[data-focus-visible]):after{position:absolute}.enabled\:focusVisible\:after\:inset_0:enabled:is(:focus-visible,[data-focus-visible]):after{top:0;right:0;bottom:0;left:0}.enabled\:focusVisible\:after\:bg_sd\.system\.color\.interaction\.hovered:enabled:is(:focus-visible,[data-focus-visible]):after{background:var(--colors-sd-system-color-interaction-hovered)}.disabled\:checked\:\[\&_svg\]\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.impression\.primary\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked],[aria-checked=true],[data-state=checked]) svg{color:color-mix(in srgb,var(--colors-sd-system-color-impression-primary),var(--colors-sd-system-color-interaction-hovered-on-primary))}.disabled\:checked\:\[\&_\.checkmark\]\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.interaction\.disabled\}\,_\{colors\.sd\.system\.color\.impression\.onPrimaryContainer\}\)\;:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked],[aria-checked=true],[data-state=checked]) .checkmark{color:color-mix(in srgb,var(--colors-sd-system-color-interaction-disabled),var(--colors-sd-system-color-impression-on-primary-container))}.selected\:hover\:before\:bg_sd\.system\.color\.impression\.primaryContainer:is([aria-selected=true],[data-selected]):is(:hover,[data-hover]):before{background:var(--colors-sd-system-color-impression-primary-container)}.disabled\:hover\:before\:bg_transparent:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]):before{background:transparent}.unavailable\:hover\:before\:bg_transparent[data-unavailable]:is(:hover,[data-hover]):before{background:transparent}.enabled\:hover\:after\:content_\'\':enabled:is(:hover,[data-hover]):after{content:""}.enabled\:focusVisible\:after\:content_\'\':enabled:is(:focus-visible,[data-focus-visible]):after{content:""}.today\:\[\&\[data-in-range\]\]\:before\:bd-c_sd\.reference\.color\.scale\.white\.1000[data-today][data-in-range]:before{border-color:var(--colors-sd-reference-color-scale-white-1000)}@layer components{.\[\@layer_components\]\:w_min\(100\%\,_300px\){width:min(100%,300px)}.\[\@layer_components\]\:w_min\(100\%\,_150px\){width:min(100%,150px)}}@layer components;@media screen and (min-width: 48rem){.expanded\:pt_sd\.system\.dimension\.spacing\.large{padding-top:var(--spacing-sd-system-dimension-spacing-large)}.expanded\:flex-d_row-reverse{flex-direction:row-reverse}.expanded\:jc_end{justify-content:end}}}
1
+ @import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+Mono:wght@100..900&family=Roboto:wght@100;400;700&display=swap";@layer reset,base,tokens,recipes,utilities;@layer base{:root{--global-font-body: "Roboto", "Noto Sans JP", sans-serif;--global-font-mono: "Noto Sans Mono", monospace;font-optical-sizing:auto;text-rendering:optimizeLegibility;font-feature-settings:"palt";letter-spacing:.03em}}@layer reset{html,:host{--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5;font-family:var(--global-font-body, var(--font-fallback))}*,:before,:after,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box;border-width:0px;border-style:solid;border-color:var(--global-color-border, currentColor)}hr{height:0px;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul,menu{list-style:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-moz-appearance:button;appearance:button;-webkit-appearance:button}button,input,optgroup,select,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:transparent}::placeholder{opacity:1;--placeholder-fallback: color-mix(in srgb, currentColor 50%, transparent);color:var(--global-color-placeholder, var(--placeholder-fallback))}textarea{resize:vertical}table{text-indent:0px;border-collapse:collapse;border-color:inherit}summary{display:list-item}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{color:inherit;text-decoration:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-feature-settings:normal;font-variation-settings:normal;font-family:var(--global-font-mono, var(--font-mono-fallback));font-size:1em}progress{vertical-align:baseline}::-webkit-search-decoration,::-webkit-search-cancel-button{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{:root{--made-with-panda: "🐼"}*,:before,:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--gradient-from-position: ;--gradient-to-position: ;--gradient-via-position: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--rotate-x: 0;--rotate-y: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1}}@layer tokens{:where(:root,:host){--colors-sd-reference-color-scale-white-1000: #FFFFFF;--colors-sd-reference-color-scale-black-1000: #000000;--colors-sd-reference-color-scale-transparency-bl2: #00000005;--colors-sd-reference-color-scale-transparency-bl5: #0000000D;--colors-sd-reference-color-scale-transparency-bl20: #00000033;--colors-sd-reference-color-scale-transparency-wh60: #FFFFFF99;--colors-sd-reference-color-scale-gray-100: #F0F0F0;--colors-sd-reference-color-scale-gray-200: #E4E4E3;--colors-sd-reference-color-scale-gray-300: #D1D0CD;--colors-sd-reference-color-scale-gray-400: #B1B0AE;--colors-sd-reference-color-scale-gray-500: #8C8B87;--colors-sd-reference-color-scale-gray-600: #6F6F6F;--colors-sd-reference-color-scale-gray-700: #575757;--colors-sd-reference-color-scale-gray-800: #424242;--colors-sd-reference-color-scale-gray-900: #31312F;--colors-sd-reference-color-scale-gray-1000: #232322;--colors-sd-reference-color-scale-red-100: #FCEBEA;--colors-sd-reference-color-scale-red-200: #FFDCDA;--colors-sd-reference-color-scale-red-300: #FFC0BB;--colors-sd-reference-color-scale-red-400: #FF8F8F;--colors-sd-reference-color-scale-red-500: #F64157;--colors-sd-reference-color-scale-red-600: #D00138;--colors-sd-reference-color-scale-red-700: #A4002A;--colors-sd-reference-color-scale-red-800: #81001F;--colors-sd-reference-color-scale-red-900: #600114;--colors-sd-reference-color-scale-red-1000: #400109;--colors-sd-reference-color-scale-chestnut-100: #FAECE6;--colors-sd-reference-color-scale-chestnut-200: #FDDDCE;--colors-sd-reference-color-scale-chestnut-300: #FCC4AB;--colors-sd-reference-color-scale-chestnut-400: #F49972;--colors-sd-reference-color-scale-chestnut-500: #DC6733;--colors-sd-reference-color-scale-chestnut-600: #B54E1B;--colors-sd-reference-color-scale-chestnut-700: #8F3D15;--colors-sd-reference-color-scale-chestnut-800: #702D0D;--colors-sd-reference-color-scale-chestnut-900: #50230D;--colors-sd-reference-color-scale-chestnut-1000: #371B0B;--colors-sd-reference-color-scale-beige-100: #FDF5EC;--colors-sd-reference-color-scale-beige-200: #F6E0C6;--colors-sd-reference-color-scale-beige-300: #F0CC9E;--colors-sd-reference-color-scale-beige-400: #DEB074;--colors-sd-reference-color-scale-beige-500: #AE8144;--colors-sd-reference-color-scale-beige-600: #8D6735;--colors-sd-reference-color-scale-beige-700: #70522A;--colors-sd-reference-color-scale-beige-800: #573F1D;--colors-sd-reference-color-scale-beige-900: #3E2D17;--colors-sd-reference-color-scale-beige-1000: #2B2013;--colors-sd-reference-color-scale-yellow-100: #FAF4E3;--colors-sd-reference-color-scale-yellow-200: #FCE998;--colors-sd-reference-color-scale-yellow-300: #EDD857;--colors-sd-reference-color-scale-yellow-400: #DEC400;--colors-sd-reference-color-scale-yellow-500: #A78E00;--colors-sd-reference-color-scale-yellow-600: #816E00;--colors-sd-reference-color-scale-yellow-700: #645600;--colors-sd-reference-color-scale-yellow-800: #514400;--colors-sd-reference-color-scale-yellow-900: #3A3000;--colors-sd-reference-color-scale-yellow-1000: #292200;--colors-sd-reference-color-scale-green-100: #DBF5EA;--colors-sd-reference-color-scale-green-200: #BCEEDD;--colors-sd-reference-color-scale-green-300: #90E4C7;--colors-sd-reference-color-scale-green-400: #46D2A2;--colors-sd-reference-color-scale-green-500: #2EAB80;--colors-sd-reference-color-scale-green-600: #2C7C60;--colors-sd-reference-color-scale-green-700: #146348;--colors-sd-reference-color-scale-green-800: #174A38;--colors-sd-reference-color-scale-green-900: #12372B;--colors-sd-reference-color-scale-green-1000: #0D271E;--colors-sd-reference-color-scale-sky-blue-100: #D9F6FC;--colors-sd-reference-color-scale-sky-blue-200: #C2EAEF;--colors-sd-reference-color-scale-sky-blue-300: #8DDDE3;--colors-sd-reference-color-scale-sky-blue-400: #4ACBD4;--colors-sd-reference-color-scale-sky-blue-500: #00A0AC;--colors-sd-reference-color-scale-sky-blue-600: #007882;--colors-sd-reference-color-scale-sky-blue-700: #006066;--colors-sd-reference-color-scale-sky-blue-800: #004A4F;--colors-sd-reference-color-scale-sky-blue-900: #02373C;--colors-sd-reference-color-scale-sky-blue-1000: #04272A;--colors-sd-reference-color-scale-blue-100: #EFF2FC;--colors-sd-reference-color-scale-blue-200: #DDE3FF;--colors-sd-reference-color-scale-blue-300: #C0CFFD;--colors-sd-reference-color-scale-blue-400: #8FAEFE;--colors-sd-reference-color-scale-blue-500: #3B86F9;--colors-sd-reference-color-scale-blue-600: #056AD8;--colors-sd-reference-color-scale-blue-700: #0353AA;--colors-sd-reference-color-scale-blue-800: #043F81;--colors-sd-reference-color-scale-blue-900: #073165;--colors-sd-reference-color-scale-blue-1000: #081E3F;--colors-sd-reference-color-scale-purple-100: #F4ECF6;--colors-sd-reference-color-scale-purple-200: #EEDEF2;--colors-sd-reference-color-scale-purple-300: #E1C7E7;--colors-sd-reference-color-scale-purple-400: #CC9FD9;--colors-sd-reference-color-scale-purple-500: #B36CCD;--colors-sd-reference-color-scale-purple-600: #9751B0;--colors-sd-reference-color-scale-purple-700: #7C3694;--colors-sd-reference-color-scale-purple-800: #5F2B70;--colors-sd-reference-color-scale-purple-900: #462352;--colors-sd-reference-color-scale-purple-1000: #32183A;--colors-sd-reference-color-scale-pink-100: #FFF4F8;--colors-sd-reference-color-scale-pink-200: #F9DCE5;--colors-sd-reference-color-scale-pink-300: #F3C4D3;--colors-sd-reference-color-scale-pink-400: #F691B6;--colors-sd-reference-color-scale-pink-500: #E2568F;--colors-sd-reference-color-scale-pink-600: #B9346C;--colors-sd-reference-color-scale-pink-700: #9B2657;--colors-sd-reference-color-scale-pink-800: #761A42;--colors-sd-reference-color-scale-pink-900: #591734;--colors-sd-reference-color-scale-pink-1000: #3E0F24;--colors-sd-system-color-impression-primary: #0353AA;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #0353AA;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #C0CFFD;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #C0CFFD;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #EFF2FC;--colors-sd-system-color-impression-on-tertiary: #000000;--colors-sd-system-color-impression-tertiary-container: #EFF2FC;--colors-sd-system-color-impression-on-tertiary-container: #000000;--colors-sd-system-color-impression-notice: #EDD857;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FCE998;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-notice-container-variant: #FAF4E3;--colors-sd-system-color-impression-on-notice-container-variant: #000000;--colors-sd-system-color-impression-negative: #D00138;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FFDCDA;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-negative-container-variant: #FCEBEA;--colors-sd-system-color-impression-on-negative-container-variant: #A4002A;--colors-sd-system-color-impression-positive: #2EAB80;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #BCEEDD;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-impression-positive-container-variant: #DBF5EA;--colors-sd-system-color-impression-on-positive-container-variant: #000000;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #6F6F6F;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-inverse-primary: #EFF2FC;--colors-sd-system-color-component-outline: #D1D0CD;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #F0F0F0;--colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;--colors-sd-system-color-interaction-selected: #00000005;--colors-sd-system-color-interaction-selected-surface: #C0CFFD;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;--colors-sd-system-color-chart-mark-primary-01: #DDE3FF;--colors-sd-system-color-chart-mark-primary-02: #C0CFFD;--colors-sd-system-color-chart-mark-primary-03: #8FAEFE;--colors-sd-system-color-chart-mark-primary-04: #3B86F9;--colors-sd-system-color-chart-mark-primary-05: #056AD8;--colors-sd-system-color-chart-mark-primary-06: #073165;--colors-sd-system-color-chart-mark-positive-01: #BCEEDD;--colors-sd-system-color-chart-mark-positive-02: #90E4C7;--colors-sd-system-color-chart-mark-positive-03: #46D2A2;--colors-sd-system-color-chart-mark-positive-04: #2EAB80;--colors-sd-system-color-chart-mark-positive-05: #2C7C60;--colors-sd-system-color-chart-mark-positive-06: #12372B;--colors-sd-system-color-chart-mark-negative-01: #FFDCDA;--colors-sd-system-color-chart-mark-negative-02: #FFC0BB;--colors-sd-system-color-chart-mark-negative-03: #FF8F8F;--colors-sd-system-color-chart-mark-negative-04: #F64157;--colors-sd-system-color-chart-mark-negative-05: #D00138;--colors-sd-system-color-chart-mark-negative-06: #600114;--colors-sd-system-color-chart-mark-notice-01: #FCE998;--colors-sd-system-color-chart-mark-notice-02: #EDD857;--colors-sd-system-color-chart-mark-notice-03: #DEC400;--colors-sd-system-color-chart-mark-notice-04: #A78E00;--colors-sd-system-color-chart-mark-notice-05: #816E00;--colors-sd-system-color-chart-mark-notice-06: #3A3000;--colors-sd-system-color-chart-mark-multi-10: #AE8144;--colors-sd-system-color-chart-mark-multi-01: #056AD8;--colors-sd-system-color-chart-mark-multi-02: #46D2A2;--colors-sd-system-color-chart-mark-multi-03: #FF8F8F;--colors-sd-system-color-chart-mark-multi-04: #B36CCD;--colors-sd-system-color-chart-mark-multi-05: #8F3D15;--colors-sd-system-color-chart-mark-multi-06: #4ACBD4;--colors-sd-system-color-chart-mark-multi-07: #FCE998;--colors-sd-system-color-chart-mark-multi-08: #B54E1B;--colors-sd-system-color-chart-mark-multi-09: #9B2657;--colors-sd-system-color-chart-component-on-mark-label: #000000;--colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;--colors-sd-system-color-chart-component-scalemark: #E4E4E3;--colors-sd-system-color-chart-component-threshold: #3B86F9;--colors-sd-system-color-chart-component-chart-surface: #FFFFFF;--colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F;--spacing-sd-reference-dimension-scale-0: 0px;--spacing-sd-reference-dimension-scale-1: 1px;--spacing-sd-reference-dimension-scale-2: 2px;--spacing-sd-reference-dimension-scale-3: 4px;--spacing-sd-reference-dimension-scale-4: 8px;--spacing-sd-reference-dimension-scale-5: 12px;--spacing-sd-reference-dimension-scale-6: 16px;--spacing-sd-reference-dimension-scale-7: 20px;--spacing-sd-reference-dimension-scale-8: 24px;--spacing-sd-reference-dimension-scale-9: 28px;--spacing-sd-reference-dimension-scale-10: 32px;--spacing-sd-reference-dimension-scale-11: 36px;--spacing-sd-reference-dimension-scale-12: 40px;--spacing-sd-reference-dimension-scale-13: 48px;--spacing-sd-reference-dimension-scale-14: 56px;--spacing-sd-reference-dimension-scale-15: 64px;--spacing-sd-reference-dimension-scale-16: 72px;--spacing-sd-reference-dimension-scale-17: 80px;--spacing-sd-reference-dimension-scale-18: 96px;--spacing-sd-system-dimension-spacing-none: 0px;--spacing-sd-system-dimension-spacing-two-extra-small: 4px;--spacing-sd-system-dimension-spacing-extra-small: 8px;--spacing-sd-system-dimension-spacing-small: 12px;--spacing-sd-system-dimension-spacing-medium: 16px;--spacing-sd-system-dimension-spacing-large: 20px;--spacing-sd-system-dimension-spacing-extra-large: 24px;--spacing-sd-system-dimension-spacing-two-extra-large: 32px;--spacing-sd-system-dimension-spacing-three-extra-large: 40px;--spacing-sd-system-dimension-spacing-four-extra-large: 48px;--spacing-sd-system-dimension-spacing-five-extra-large: 64px;--spacing-sd-system-dimension-spacing-six-extra-large: 80px;--sizes-sd-reference-dimension-breakpoint-small: 640px;--sizes-sd-reference-dimension-breakpoint-medium: 768px;--sizes-sd-reference-dimension-breakpoint-large: 1024px;--sizes-sd-reference-dimension-breakpoint-extra-large: 1280px;--sizes-sd-reference-dimension-scale-0: 0px;--sizes-sd-reference-dimension-scale-1: 1px;--sizes-sd-reference-dimension-scale-2: 2px;--sizes-sd-reference-dimension-scale-3: 4px;--sizes-sd-reference-dimension-scale-4: 8px;--sizes-sd-reference-dimension-scale-5: 12px;--sizes-sd-reference-dimension-scale-6: 16px;--sizes-sd-reference-dimension-scale-7: 20px;--sizes-sd-reference-dimension-scale-8: 24px;--sizes-sd-reference-dimension-scale-9: 28px;--sizes-sd-reference-dimension-scale-10: 32px;--sizes-sd-reference-dimension-scale-11: 36px;--sizes-sd-reference-dimension-scale-12: 40px;--sizes-sd-reference-dimension-scale-13: 48px;--sizes-sd-reference-dimension-scale-14: 56px;--sizes-sd-reference-dimension-scale-15: 64px;--sizes-sd-reference-dimension-scale-16: 72px;--sizes-sd-reference-dimension-scale-17: 80px;--sizes-sd-reference-dimension-scale-18: 96px;--sizes-sd-system-dimension-breakpoint-compact: 0px;--sizes-sd-system-dimension-breakpoint-expanded: 768px;--sizes-sd-system-dimension-spacing-none: 0px;--sizes-sd-system-dimension-spacing-two-extra-small: 4px;--sizes-sd-system-dimension-spacing-extra-small: 8px;--sizes-sd-system-dimension-spacing-small: 12px;--sizes-sd-system-dimension-spacing-medium: 16px;--sizes-sd-system-dimension-spacing-large: 20px;--sizes-sd-system-dimension-spacing-extra-large: 24px;--sizes-sd-system-dimension-spacing-two-extra-large: 32px;--sizes-sd-system-dimension-spacing-three-extra-large: 40px;--sizes-sd-system-dimension-spacing-four-extra-large: 48px;--sizes-sd-system-dimension-spacing-five-extra-large: 64px;--sizes-sd-system-dimension-spacing-six-extra-large: 80px;--sizes-breakpoint-expanded: 768px;--opacity-sd-reference-elevation-opacity-scale-0: 0;--opacity-sd-reference-elevation-opacity-scale-1: .1;--opacity-sd-reference-elevation-opacity-scale-2: .2;--opacity-sd-reference-elevation-opacity-scale-3: .3;--opacity-sd-reference-elevation-opacity-scale-4: .4;--opacity-sd-reference-elevation-opacity-scale-5: .5;--opacity-sd-reference-elevation-opacity-scale-6: .6;--opacity-sd-reference-elevation-opacity-scale-7: .7;--opacity-sd-reference-elevation-opacity-scale-8: .8;--opacity-sd-reference-elevation-opacity-scale-9: .9;--opacity-sd-reference-elevation-opacity-scale-10: 1;--fonts-sd-reference-typography-font-family-primary: inherit;--fonts-sd-reference-typography-font-family-monospace: Noto Sans Mono;--font-weights-sd-reference-typography-font-weight-regular: 400;--font-weights-sd-reference-typography-font-weight-bold: 700;--line-heights-sd-reference-typography-line-height-none: 1;--line-heights-sd-reference-typography-line-height-tight: 1.4;--line-heights-sd-reference-typography-line-height-normal: 1.6;--line-heights-sd-reference-typography-line-height-relaxed: 1.8;--font-sizes-sd-reference-typography-scale-expanded-four-extra-small: 10px;--font-sizes-sd-reference-typography-scale-expanded-three-extra-small: 11px;--font-sizes-sd-reference-typography-scale-expanded-two-extra-small: 12px;--font-sizes-sd-reference-typography-scale-expanded-extra-small: 13px;--font-sizes-sd-reference-typography-scale-expanded-small: 14px;--font-sizes-sd-reference-typography-scale-expanded-medium: 16px;--font-sizes-sd-reference-typography-scale-expanded-large: 18px;--font-sizes-sd-reference-typography-scale-expanded-extra-large: 21px;--font-sizes-sd-reference-typography-scale-expanded-two-extra-large: 26px;--font-sizes-sd-reference-typography-scale-expanded-three-extra-large: 32px;--font-sizes-sd-reference-typography-scale-expanded-four-extra-large: 43px;--font-sizes-sd-reference-typography-scale-expanded-five-extra-large: 64px;--font-sizes-sd-reference-typography-scale-compact-two-extra-small: 10px;--font-sizes-sd-reference-typography-scale-compact-extra-small: 11px;--font-sizes-sd-reference-typography-scale-compact-small: 12px;--font-sizes-sd-reference-typography-scale-compact-medium: 14px;--font-sizes-sd-reference-typography-scale-compact-large: 16px;--font-sizes-sd-reference-typography-scale-compact-extra-large: 19px;--font-sizes-sd-reference-typography-scale-compact-two-extra-large: 22px;--font-sizes-sd-reference-typography-scale-compact-three-extra-large: 28px;--font-sizes-sd-reference-typography-scale-compact-four-extra-large: 37px;--font-sizes-sd-reference-typography-scale-compact-five-extra-large: 56px;--border-widths-sd-system-dimension-border-medium: 1px;--border-widths-sd-system-dimension-border-thick: 2px;--border-widths-sd-system-dimension-border-extra-thick: 4px;--radii-sd-system-dimension-radius-extra-small: 2px;--radii-sd-system-dimension-radius-small: 4px;--radii-sd-system-dimension-radius-medium: 8px;--radii-sd-system-dimension-radius-large: 12px;--radii-sd-system-dimension-radius-extra-large: 16px;--radii-sd-system-dimension-radius-full: 9999px;--shadows-sd-system-elevation-shadow-level1: 0px 1px 2px 0px #0000004D;--shadows-sd-system-elevation-shadow-level2: 0px 1px 4px 0px #00000033;--shadows-sd-system-elevation-shadow-level3: 0px 2px 8px 0px #00000033;--shadows-sd-system-elevation-shadow-level4: 0px 4px 12px 0px #00000033;--shadows-sd-system-elevation-shadow-level5: 0px 8px 24px 0px #00000033;--z-index-sd-system-elevation-z-index-deep-dive: -1000;--z-index-sd-system-elevation-z-index-base: 0;--z-index-sd-system-elevation-z-index-docked: 10;--z-index-sd-system-elevation-z-index-dropdown: 500;--z-index-sd-system-elevation-z-index-modal: 1000;--z-index-sd-system-elevation-z-index-toast: 2000;--breakpoints-expanded: 768px}[data-panda-theme=asagi]{--colors-sd-system-color-impression-primary: #006066;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #006066;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #90E4C7;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #90E4C7;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #F0F0F0;--colors-sd-system-color-impression-on-tertiary: #000000;--colors-sd-system-color-impression-tertiary-container: #F0F0F0;--colors-sd-system-color-impression-on-tertiary-container: #000000;--colors-sd-system-color-impression-notice: #EDD857;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FCE998;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-notice-container-variant: #FAF4E3;--colors-sd-system-color-impression-on-notice-container-variant: #000000;--colors-sd-system-color-impression-negative: #D00138;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FFDCDA;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-negative-container-variant: #FCEBEA;--colors-sd-system-color-impression-on-negative-container-variant: #A4002A;--colors-sd-system-color-impression-positive: #2EAB80;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #BCEEDD;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-impression-positive-container-variant: #DBF5EA;--colors-sd-system-color-impression-on-positive-container-variant: #000000;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #6F6F6F;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-inverse-primary: #D9F6FC;--colors-sd-system-color-component-outline: #D1D0CD;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #F0F0F0;--colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;--colors-sd-system-color-interaction-selected: #00000005;--colors-sd-system-color-interaction-selected-surface: #90E4C7;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;--colors-sd-system-color-chart-mark-primary-01: #C2EAEF;--colors-sd-system-color-chart-mark-primary-02: #8DDDE3;--colors-sd-system-color-chart-mark-primary-03: #4ACBD4;--colors-sd-system-color-chart-mark-primary-04: #00A0AC;--colors-sd-system-color-chart-mark-primary-05: #007882;--colors-sd-system-color-chart-mark-primary-06: #02373C;--colors-sd-system-color-chart-mark-positive-01: #BCEEDD;--colors-sd-system-color-chart-mark-positive-02: #90E4C7;--colors-sd-system-color-chart-mark-positive-03: #46D2A2;--colors-sd-system-color-chart-mark-positive-04: #2EAB80;--colors-sd-system-color-chart-mark-positive-05: #2C7C60;--colors-sd-system-color-chart-mark-positive-06: #12372B;--colors-sd-system-color-chart-mark-negative-01: #FFDCDA;--colors-sd-system-color-chart-mark-negative-02: #FFC0BB;--colors-sd-system-color-chart-mark-negative-03: #FF8F8F;--colors-sd-system-color-chart-mark-negative-04: #F64157;--colors-sd-system-color-chart-mark-negative-05: #D00138;--colors-sd-system-color-chart-mark-negative-06: #600114;--colors-sd-system-color-chart-mark-notice-01: #FCE998;--colors-sd-system-color-chart-mark-notice-02: #EDD857;--colors-sd-system-color-chart-mark-notice-03: #DEC400;--colors-sd-system-color-chart-mark-notice-04: #A78E00;--colors-sd-system-color-chart-mark-notice-05: #816E00;--colors-sd-system-color-chart-mark-notice-06: #3A3000;--colors-sd-system-color-chart-mark-multi-10: #AE8144;--colors-sd-system-color-chart-mark-multi-01: #056AD8;--colors-sd-system-color-chart-mark-multi-02: #46D2A2;--colors-sd-system-color-chart-mark-multi-03: #FF8F8F;--colors-sd-system-color-chart-mark-multi-04: #B36CCD;--colors-sd-system-color-chart-mark-multi-05: #8F3D15;--colors-sd-system-color-chart-mark-multi-06: #4ACBD4;--colors-sd-system-color-chart-mark-multi-07: #FCE998;--colors-sd-system-color-chart-mark-multi-08: #B54E1B;--colors-sd-system-color-chart-mark-multi-09: #9B2657;--colors-sd-system-color-chart-component-on-mark-label: #000000;--colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;--colors-sd-system-color-chart-component-scalemark: #E4E4E3;--colors-sd-system-color-chart-component-threshold: #00A0AC;--colors-sd-system-color-chart-component-chart-surface: #FFFFFF;--colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F }[data-panda-theme=kurikawa]{--colors-sd-system-color-impression-primary: #8F3D15;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #8F3D15;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #FCC4AB;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #FCC4AB;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #FDF5EC;--colors-sd-system-color-impression-on-tertiary: #000000;--colors-sd-system-color-impression-tertiary-container: #FDF5EC;--colors-sd-system-color-impression-on-tertiary-container: #000000;--colors-sd-system-color-impression-notice: #EDD857;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FCE998;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-notice-container-variant: #FAF4E3;--colors-sd-system-color-impression-on-notice-container-variant: #000000;--colors-sd-system-color-impression-negative: #D00138;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FFDCDA;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-negative-container-variant: #FCEBEA;--colors-sd-system-color-impression-on-negative-container-variant: #A4002A;--colors-sd-system-color-impression-positive: #2EAB80;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #BCEEDD;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-impression-positive-container-variant: #DBF5EA;--colors-sd-system-color-impression-on-positive-container-variant: #000000;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #6F6F6F;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-inverse-primary: #FAECE6;--colors-sd-system-color-component-outline: #D1D0CD;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #F0F0F0;--colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;--colors-sd-system-color-interaction-selected: #00000005;--colors-sd-system-color-interaction-selected-surface: #FCC4AB;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;--colors-sd-system-color-chart-mark-primary-01: #FDDDCE;--colors-sd-system-color-chart-mark-primary-02: #FCC4AB;--colors-sd-system-color-chart-mark-primary-03: #F49972;--colors-sd-system-color-chart-mark-primary-04: #DC6733;--colors-sd-system-color-chart-mark-primary-05: #B54E1B;--colors-sd-system-color-chart-mark-primary-06: #50230D;--colors-sd-system-color-chart-mark-positive-01: #BCEEDD;--colors-sd-system-color-chart-mark-positive-02: #90E4C7;--colors-sd-system-color-chart-mark-positive-03: #46D2A2;--colors-sd-system-color-chart-mark-positive-04: #2EAB80;--colors-sd-system-color-chart-mark-positive-05: #2C7C60;--colors-sd-system-color-chart-mark-positive-06: #12372B;--colors-sd-system-color-chart-mark-negative-01: #FFDCDA;--colors-sd-system-color-chart-mark-negative-02: #FFC0BB;--colors-sd-system-color-chart-mark-negative-03: #FF8F8F;--colors-sd-system-color-chart-mark-negative-04: #F64157;--colors-sd-system-color-chart-mark-negative-05: #D00138;--colors-sd-system-color-chart-mark-negative-06: #600114;--colors-sd-system-color-chart-mark-notice-01: #FCE998;--colors-sd-system-color-chart-mark-notice-02: #EDD857;--colors-sd-system-color-chart-mark-notice-03: #DEC400;--colors-sd-system-color-chart-mark-notice-04: #A78E00;--colors-sd-system-color-chart-mark-notice-05: #816E00;--colors-sd-system-color-chart-mark-notice-06: #3A3000;--colors-sd-system-color-chart-mark-multi-10: #AE8144;--colors-sd-system-color-chart-mark-multi-01: #056AD8;--colors-sd-system-color-chart-mark-multi-02: #46D2A2;--colors-sd-system-color-chart-mark-multi-03: #FF8F8F;--colors-sd-system-color-chart-mark-multi-04: #B36CCD;--colors-sd-system-color-chart-mark-multi-05: #8F3D15;--colors-sd-system-color-chart-mark-multi-06: #4ACBD4;--colors-sd-system-color-chart-mark-multi-07: #FCE998;--colors-sd-system-color-chart-mark-multi-08: #B54E1B;--colors-sd-system-color-chart-mark-multi-09: #9B2657;--colors-sd-system-color-chart-component-on-mark-label: #000000;--colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;--colors-sd-system-color-chart-component-scalemark: #E4E4E3;--colors-sd-system-color-chart-component-threshold: #DC6733;--colors-sd-system-color-chart-component-chart-surface: #FFFFFF;--colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F }[data-panda-theme=sumire]{--colors-sd-system-color-impression-primary: #7C3694;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #7C3694;--colors-sd-system-color-impression-on-primary-container: #FFFFFF;--colors-sd-system-color-impression-secondary: #E1C7E7;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #E1C7E7;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #073165;--colors-sd-system-color-impression-on-tertiary: #FFFFFF;--colors-sd-system-color-impression-tertiary-container: #073165;--colors-sd-system-color-impression-on-tertiary-container: #FFFFFF;--colors-sd-system-color-impression-notice: #EDD857;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FCE998;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-notice-container-variant: #FAF4E3;--colors-sd-system-color-impression-on-notice-container-variant: #000000;--colors-sd-system-color-impression-negative: #D00138;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FFDCDA;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-negative-container-variant: #FCEBEA;--colors-sd-system-color-impression-on-negative-container-variant: #A4002A;--colors-sd-system-color-impression-positive: #2EAB80;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #BCEEDD;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-impression-positive-container-variant: #DBF5EA;--colors-sd-system-color-impression-on-positive-container-variant: #000000;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #6F6F6F;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-inverse-primary: #F4ECF6;--colors-sd-system-color-component-outline: #D1D0CD;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #F0F0F0;--colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;--colors-sd-system-color-interaction-selected: #00000005;--colors-sd-system-color-interaction-selected-surface: #E1C7E7;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;--colors-sd-system-color-chart-mark-primary-01: #EEDEF2;--colors-sd-system-color-chart-mark-primary-02: #E1C7E7;--colors-sd-system-color-chart-mark-primary-03: #CC9FD9;--colors-sd-system-color-chart-mark-primary-04: #B36CCD;--colors-sd-system-color-chart-mark-primary-05: #7C3694;--colors-sd-system-color-chart-mark-primary-06: #462352;--colors-sd-system-color-chart-mark-positive-01: #BCEEDD;--colors-sd-system-color-chart-mark-positive-02: #90E4C7;--colors-sd-system-color-chart-mark-positive-03: #46D2A2;--colors-sd-system-color-chart-mark-positive-04: #2EAB80;--colors-sd-system-color-chart-mark-positive-05: #2C7C60;--colors-sd-system-color-chart-mark-positive-06: #12372B;--colors-sd-system-color-chart-mark-negative-01: #FFDCDA;--colors-sd-system-color-chart-mark-negative-02: #FFC0BB;--colors-sd-system-color-chart-mark-negative-03: #FF8F8F;--colors-sd-system-color-chart-mark-negative-04: #F64157;--colors-sd-system-color-chart-mark-negative-05: #D00138;--colors-sd-system-color-chart-mark-negative-06: #600114;--colors-sd-system-color-chart-mark-notice-01: #FCE998;--colors-sd-system-color-chart-mark-notice-02: #EDD857;--colors-sd-system-color-chart-mark-notice-03: #DEC400;--colors-sd-system-color-chart-mark-notice-04: #A78E00;--colors-sd-system-color-chart-mark-notice-05: #816E00;--colors-sd-system-color-chart-mark-notice-06: #3A3000;--colors-sd-system-color-chart-mark-multi-10: #AE8144;--colors-sd-system-color-chart-mark-multi-01: #056AD8;--colors-sd-system-color-chart-mark-multi-02: #46D2A2;--colors-sd-system-color-chart-mark-multi-03: #FF8F8F;--colors-sd-system-color-chart-mark-multi-04: #B36CCD;--colors-sd-system-color-chart-mark-multi-05: #8F3D15;--colors-sd-system-color-chart-mark-multi-06: #4ACBD4;--colors-sd-system-color-chart-mark-multi-07: #FCE998;--colors-sd-system-color-chart-mark-multi-08: #B54E1B;--colors-sd-system-color-chart-mark-multi-09: #9B2657;--colors-sd-system-color-chart-component-on-mark-label: #000000;--colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;--colors-sd-system-color-chart-component-scalemark: #E4E4E3;--colors-sd-system-color-chart-component-threshold: #B36CCD;--colors-sd-system-color-chart-component-chart-surface: #FFFFFF;--colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F }[data-panda-theme=tsutsuji]{--colors-sd-system-color-impression-primary: #9B2657;--colors-sd-system-color-impression-on-primary: #FFFFFF;--colors-sd-system-color-impression-primary-container: #F9DCE5;--colors-sd-system-color-impression-on-primary-container: #000000;--colors-sd-system-color-impression-secondary: #F3C4D3;--colors-sd-system-color-impression-on-secondary: #000000;--colors-sd-system-color-impression-secondary-container: #F3C4D3;--colors-sd-system-color-impression-on-secondary-container: #000000;--colors-sd-system-color-impression-tertiary: #591734;--colors-sd-system-color-impression-on-tertiary: #FFFFFF;--colors-sd-system-color-impression-tertiary-container: #591734;--colors-sd-system-color-impression-on-tertiary-container: #FFFFFF;--colors-sd-system-color-impression-notice: #EDD857;--colors-sd-system-color-impression-on-notice: #000000;--colors-sd-system-color-impression-notice-container: #FCE998;--colors-sd-system-color-impression-on-notice-container: #000000;--colors-sd-system-color-impression-notice-container-variant: #FAF4E3;--colors-sd-system-color-impression-on-notice-container-variant: #000000;--colors-sd-system-color-impression-negative: #D00138;--colors-sd-system-color-impression-on-negative: #FFFFFF;--colors-sd-system-color-impression-negative-container: #FFDCDA;--colors-sd-system-color-impression-on-negative-container: #000000;--colors-sd-system-color-impression-negative-container-variant: #FCEBEA;--colors-sd-system-color-impression-on-negative-container-variant: #A4002A;--colors-sd-system-color-impression-positive: #2EAB80;--colors-sd-system-color-impression-on-positive: #FFFFFF;--colors-sd-system-color-impression-positive-container: #BCEEDD;--colors-sd-system-color-impression-on-positive-container: #FFFFFF;--colors-sd-system-color-impression-positive-container-variant: #DBF5EA;--colors-sd-system-color-impression-on-positive-container-variant: #000000;--colors-sd-system-color-component-surface: #FFFFFF;--colors-sd-system-color-component-on-surface: #000000;--colors-sd-system-color-component-on-surface-variant: #6F6F6F;--colors-sd-system-color-component-inverse-surface: #232322;--colors-sd-system-color-component-inverse-on-surface: #FFFFFF;--colors-sd-system-color-component-inverse-primary: #FFF4F8;--colors-sd-system-color-component-outline: #D1D0CD;--colors-sd-system-color-component-outline-variant: #8C8B87;--colors-sd-system-color-component-scrim: #00000033;--colors-sd-system-color-interaction-disabled: #F0F0F0;--colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;--colors-sd-system-color-interaction-selected: #00000005;--colors-sd-system-color-interaction-selected-surface: #F3C4D3;--colors-sd-system-color-interaction-hovered: #00000033;--colors-sd-system-color-interaction-hovered-variant: #0000000D;--colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;--colors-sd-system-color-chart-mark-primary-01: #F9DCE5;--colors-sd-system-color-chart-mark-primary-02: #F3C4D3;--colors-sd-system-color-chart-mark-primary-03: #F691B6;--colors-sd-system-color-chart-mark-primary-04: #E2568F;--colors-sd-system-color-chart-mark-primary-05: #9B2657;--colors-sd-system-color-chart-mark-primary-06: #591734;--colors-sd-system-color-chart-mark-positive-01: #BCEEDD;--colors-sd-system-color-chart-mark-positive-02: #90E4C7;--colors-sd-system-color-chart-mark-positive-03: #46D2A2;--colors-sd-system-color-chart-mark-positive-04: #2EAB80;--colors-sd-system-color-chart-mark-positive-05: #2C7C60;--colors-sd-system-color-chart-mark-positive-06: #12372B;--colors-sd-system-color-chart-mark-negative-01: #FFDCDA;--colors-sd-system-color-chart-mark-negative-02: #FFC0BB;--colors-sd-system-color-chart-mark-negative-03: #FF8F8F;--colors-sd-system-color-chart-mark-negative-04: #F64157;--colors-sd-system-color-chart-mark-negative-05: #D00138;--colors-sd-system-color-chart-mark-negative-06: #600114;--colors-sd-system-color-chart-mark-notice-01: #FCE998;--colors-sd-system-color-chart-mark-notice-02: #EDD857;--colors-sd-system-color-chart-mark-notice-03: #DEC400;--colors-sd-system-color-chart-mark-notice-04: #A78E00;--colors-sd-system-color-chart-mark-notice-05: #816E00;--colors-sd-system-color-chart-mark-notice-06: #3A3000;--colors-sd-system-color-chart-mark-multi-10: #AE8144;--colors-sd-system-color-chart-mark-multi-01: #056AD8;--colors-sd-system-color-chart-mark-multi-02: #46D2A2;--colors-sd-system-color-chart-mark-multi-03: #FF8F8F;--colors-sd-system-color-chart-mark-multi-04: #B36CCD;--colors-sd-system-color-chart-mark-multi-05: #8F3D15;--colors-sd-system-color-chart-mark-multi-06: #4ACBD4;--colors-sd-system-color-chart-mark-multi-07: #FCE998;--colors-sd-system-color-chart-mark-multi-08: #B54E1B;--colors-sd-system-color-chart-mark-multi-09: #9B2657;--colors-sd-system-color-chart-component-on-mark-label: #000000;--colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;--colors-sd-system-color-chart-component-scalemark: #E4E4E3;--colors-sd-system-color-chart-component-threshold: #E2568F;--colors-sd-system-color-chart-component-chart-surface: #FFFFFF;--colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F }@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progressIndicatorSlide{0%{transform:translate(-150%)}to{transform:translate(150%)}}}@layer recipes.slots._base{.input__root{display:inline-grid;font-size:16px;font-weight:400;font-family:inherit;line-height:1.6;grid-template-columns:auto;row-gap:var(--spacing-sd-system-dimension-spacing-extra-small)}@layer components{.input__root{width:min(100%,300px)}}.input__label{font-size:12px;font-weight:medium;font-family:inherit;line-height:1;color:var(--colors-sd-system-color-component-on-surface)}.input__labelRequired{color:var(--colors-sd-system-color-impression-negative);padding-left:var(--spacing-sd-system-dimension-spacing-extra-small)}.input__inputWrapper{height:48px;display:grid;border-radius:var(--radii-sd-system-dimension-radius-medium);grid-template-columns:auto 1fr auto auto;align-items:center;outline-style:solid;outline-width:var(--border-widths-sd-system-dimension-border-medium);outline-color:var(--colors-sd-system-color-component-outline);background-color:var(--colors-sd-system-color-component-surface)}.input__inputWrapper:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed;background-color:var(--colors-sd-system-color-interaction-disabled)}.input__inputWrapper:has([data-focus=true]){outline-width:var(--border-widths-sd-system-dimension-border-thick);outline-color:var(--colors-sd-system-color-impression-primary)}.input__inputWrapper:is(:invalid,[data-invalid]){outline-color:var(--colors-sd-system-color-impression-negative)}.input__inputWrapper:focus-within{outline-width:var(--border-widths-sd-system-dimension-border-thick);outline-color:var(--colors-sd-system-color-impression-primary)}.input__input{outline:2px solid transparent;outline-offset:2px;padding-top:var(--spacing-sd-system-dimension-spacing-extra-small);padding-right:var(--spacing-sd-system-dimension-spacing-two-extra-small);padding-bottom:var(--spacing-sd-system-dimension-spacing-extra-small);padding-left:var(--spacing-sd-system-dimension-spacing-medium)}.input__icon{display:grid;place-items:center;width:48px;height:48px}.input__leftContent{padding-left:var(--spacing-sd-system-dimension-spacing-medium)}.input__rightContent{padding-right:var(--spacing-sd-system-dimension-spacing-medium)}.input__messageField{font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}.input__description{color:var(--colors-sd-system-color-component-on-surface-variant)}.input__invalidMessage{color:var(--colors-sd-system-color-impression-negative)}@media screen and (min-width: 48rem){.input__root{font-size:14px;line-height:1.6}.input__root,.input__label{font-weight:400;font-family:inherit}.input__label{font-size:12px;line-height:1}.input__icon{width:44px;height:44px}.input__messageField{font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}}}@layer utilities{@layer compositions{.textStyle_sd\.system\.typography\.body\.medium_compact{font-size:16px;font-weight:400;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.label\.extraLarge_compact{font-size:16px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.label\.small_compact{font-size:11px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.label\.medium_compact{font-size:12px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.label\.large_compact{font-size:14px;font-weight:400;font-family:inherit;line-height:1}.textStyle_sd\.system\.typography\.body\.extraSmall_compact{font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}.textStyle_sd\.system\.typography\.title\.large_compact{font-size:22px;font-weight:700;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.body\.small_compact{font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.title\.small_compact{font-size:16px;font-weight:700;font-family:inherit;line-height:1.6}.textStyle_sd\.system\.typography\.body\.extraSmall_expanded{font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}.textStyle_sd\.system\.typography\.title\.medium_compact{font-size:19px;font-weight:700;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.medium_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.extraSmall_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}.expanded\:textStyle_sd\.system\.typography\.label\.extraLarge_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:14px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.label\.small_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:11px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.title\.large_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:18px;font-weight:700;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.medium_compact:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:16px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.label\.large_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:13px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.body\.small_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:13px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.title\.medium_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:16px;font-weight:700;font-family:inherit;line-height:1.6}@media screen and (min-width: 48rem){.expanded\:textStyle_sd\.system\.typography\.label\.small_expanded{font-size:11px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.label\.medium_expanded{font-size:12px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.label\.large_expanded{font-size:13px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.body\.medium_expanded{font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.label\.small_compact{font-size:11px;font-weight:400;font-family:inherit;line-height:1}.expanded\:textStyle_sd\.system\.typography\.title\.small_expanded{font-size:14px;font-weight:700;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.small_expanded{font-size:13px;font-weight:400;font-family:inherit;line-height:1.6}.expanded\:textStyle_sd\.system\.typography\.body\.extraSmall_expanded{font-size:12px;font-weight:400;font-family:inherit;line-height:1.4}}@media screen and (min-width: 48rem){.expanded\:expanded\:textStyle_sd\.system\.typography\.body\.medium_expanded:is([aria-expanded=true],[data-expanded],[data-state=expanded]){font-size:14px;font-weight:400;font-family:inherit;line-height:1.6}}}.d_flex{display:flex}.w_100\%{width:100%}.gap_sd\.system\.dimension\.spacing\.extraSmall{gap:var(--spacing-sd-system-dimension-spacing-extra-small)}.px_sd\.system\.dimension\.spacing\.medium{padding-inline:var(--spacing-sd-system-dimension-spacing-medium)}.py_sd\.system\.dimension\.spacing\.small{padding-block:var(--spacing-sd-system-dimension-spacing-small)}.cursor_pointer{cursor:pointer}.flex_1{flex:1 1 0%}.ta_left{text-align:left}.c_sd\.system\.color\.component\.onSurface{color:var(--colors-sd-system-color-component-on-surface)}.flex_0_0_24px{flex:0 0 24px}.trs_transform_0\.2s{transition:transform .2s}.trf_rotate\(-90deg\){transform:rotate(-90deg)}.bdr_50\%{border-radius:50%}.w_24{width:24px}.h_24{height:24px}.w_40{width:40px}.h_40{height:40px}.w_80{width:80px}.h_80{height:80px}.h_100\%{height:100%}.d_inline-flex{display:inline-flex}.gap_2px{gap:2px}.bdr_sd\.system\.dimension\.radius\.extraLarge{border-radius:var(--radii-sd-system-dimension-radius-extra-large)}.bg_sd\.system\.color\.interaction\.hoveredVariant{background:var(--colors-sd-system-color-interaction-hovered-variant)}.h_16px{height:16px}.h_24px{height:24px}.h_32px{height:32px}.bg_sd\.reference\.color\.scale\.gray\.600{background:var(--colors-sd-reference-color-scale-gray-600)}.c_sd\.system\.color\.component\.inverseOnSurface{color:var(--colors-sd-system-color-component-inverse-on-surface)}.bg_sd\.reference\.color\.scale\.blue\.600{background:var(--colors-sd-reference-color-scale-blue-600)}.bg_sd\.reference\.color\.scale\.green\.600{background:var(--colors-sd-reference-color-scale-green-600)}.bg_sd\.reference\.color\.scale\.yellow\.600{background:var(--colors-sd-reference-color-scale-yellow-600)}.bg_sd\.reference\.color\.scale\.chestnut\.600{background:var(--colors-sd-reference-color-scale-chestnut-600)}.bg_sd\.reference\.color\.scale\.red\.600{background:var(--colors-sd-reference-color-scale-red-600)}.bg_sd\.reference\.color\.scale\.gray\.100{background:var(--colors-sd-reference-color-scale-gray-100)}.c_sd\.reference\.color\.scale\.gray\.800{color:var(--colors-sd-reference-color-scale-gray-800)}.bg_sd\.reference\.color\.scale\.blue\.100{background:var(--colors-sd-reference-color-scale-blue-100)}.c_sd\.reference\.color\.scale\.blue\.800{color:var(--colors-sd-reference-color-scale-blue-800)}.bg_sd\.reference\.color\.scale\.green\.100{background:var(--colors-sd-reference-color-scale-green-100)}.c_sd\.reference\.color\.scale\.green\.800{color:var(--colors-sd-reference-color-scale-green-800)}.bg_sd\.reference\.color\.scale\.yellow\.100{background:var(--colors-sd-reference-color-scale-yellow-100)}.c_sd\.reference\.color\.scale\.yellow\.800{color:var(--colors-sd-reference-color-scale-yellow-800)}.bg_sd\.reference\.color\.scale\.chestnut\.100{background:var(--colors-sd-reference-color-scale-chestnut-100)}.c_sd\.reference\.color\.scale\.chestnut\.800{color:var(--colors-sd-reference-color-scale-chestnut-800)}.bg_sd\.reference\.color\.scale\.red\.100{background:var(--colors-sd-reference-color-scale-red-100)}.c_sd\.reference\.color\.scale\.red\.800{color:var(--colors-sd-reference-color-scale-red-800)}.w_12{width:12px}.h_12{height:12px}.d_grid{display:grid}.p_sd\.system\.dimension\.spacing\.small{padding:var(--spacing-sd-system-dimension-spacing-small)}.bdr_sd\.system\.dimension\.radius\.medium{border-radius:var(--radii-sd-system-dimension-radius-medium)}.bg_sd\.system\.color\.component\.surface{background:var(--colors-sd-system-color-component-surface)}.bg_sd\.system\.color\.impression\.negativeContainer{background:var(--colors-sd-system-color-impression-negative-container)}.c_sd\.system\.color\.impression\.onNegativeContainer{color:var(--colors-sd-system-color-impression-on-negative-container)}.bg_sd\.system\.color\.impression\.noticeContainer{background:var(--colors-sd-system-color-impression-notice-container)}.c_sd\.system\.color\.impression\.onNoticeContainer{color:var(--colors-sd-system-color-impression-on-notice-container)}.c_sd\.system\.color\.impression\.negative{color:var(--colors-sd-system-color-impression-negative)}.grid-area_2_\/_2_\/_3_\/_3{grid-area:2 / 2 / 3 / 3}.h_64{height:64px}.bd-t_1px_solid{border-top:1px solid}.gap_sd\.system\.dimension\.spacing\.twoExtraSmall{gap:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pos_relative{position:relative}.c_sd\.system\.color\.impression\.primary{color:var(--colors-sd-system-color-impression-primary)}.pos_absolute{position:absolute}.bdr_sd\.system\.dimension\.radius\.full{border-radius:var(--radii-sd-system-dimension-radius-full)}.ov_hidden{overflow:hidden}.bg_sd\.system\.color\.impression\.primaryContainer{background:var(--colors-sd-system-color-impression-primary-container)}.c_sd\.system\.color\.impression\.onPrimaryContainer{color:var(--colors-sd-system-color-impression-on-primary-container)}.h_48{height:48px}.px_sd\.system\.dimension\.spacing\.extraLarge{padding-inline:var(--spacing-sd-system-dimension-spacing-extra-large)}.h_32{height:32px}.px_sd\.system\.dimension\.spacing\.small{padding-inline:var(--spacing-sd-system-dimension-spacing-small)}.py_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-block:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.z_sd\.system\.elevation\.zIndex\.base{z-index:var(--z-index-sd-system-elevation-z-index-base)}.c_subtle{color:subtle}.p_2px{padding:2px}.gap_sd\.system\.dimension\.spacing\.medium{gap:var(--spacing-sd-system-dimension-spacing-medium)}.c_sd\.system\.color\.component\.outline{color:var(--colors-sd-system-color-component-outline)}.flex-flow_column{flex-flow:column}.c_sd\.system\.color\.component\.onSurfaceVariant{color:var(--colors-sd-system-color-component-on-surface-variant)}.min-h_160px{min-height:160px}.gap_sd\.system\.dimension\.spacing\.twoExtraLarge{gap:var(--spacing-sd-system-dimension-spacing-two-extra-large)}.grid-c_span_2{grid-column:span 2}.order_-1{order:-1}.bd-b_1px_solid{border-bottom:1px solid}.va_middle{vertical-align:middle}.px_sd\.system\.dimension\.spacing\.extraSmall{padding-inline:var(--spacing-sd-system-dimension-spacing-extra-small)}.white-space_nowrap{white-space:nowrap}.bg_sd\.system\.color\.impression\.positiveContainerVariant{background:var(--colors-sd-system-color-impression-positive-container-variant)}.bg_sd\.system\.color\.impression\.noticeContainerVariant{background:var(--colors-sd-system-color-impression-notice-container-variant)}.bg_sd\.system\.color\.impression\.negativeContainerVariant{background:var(--colors-sd-system-color-impression-negative-container-variant)}.c_sd\.system\.color\.impression\.onNegativeContainerVariant{color:var(--colors-sd-system-color-impression-on-negative-container-variant)}.bg_color-mix\(in_srgb\,_token\(colors\.sd\.system\.color\.component\.surface\)_95\%\,_token\(colors\.sd\.system\.color\.component\.inverseSurface\)_5\%\){background:color-mix(in srgb,var(--colors-sd-system-color-component-surface) 95%,var(--colors-sd-system-color-component-inverse-surface) 5%)}.bg_sd\.system\.color\.component\.inversePrimary{background:var(--colors-sd-system-color-component-inverse-primary)}.h_40px{height:40px}.bg_color-mix\(in_srgb\,_token\(colors\.sd\.system\.color\.impression\.positiveContainerVariant\)_95\%\,_token\(colors\.sd\.system\.color\.component\.inverseSurface\)_5\%\){background:color-mix(in srgb,var(--colors-sd-system-color-impression-positive-container-variant) 95%,var(--colors-sd-system-color-component-inverse-surface) 5%)}.op_0\.95{opacity:.95}.bg_color-mix\(in_srgb\,_token\(colors\.sd\.system\.color\.impression\.noticeContainerVariant\)_95\%\,_token\(colors\.sd\.system\.color\.component\.inverseSurface\)_5\%\){background:color-mix(in srgb,var(--colors-sd-system-color-impression-notice-container-variant) 95%,var(--colors-sd-system-color-component-inverse-surface) 5%)}.bg_color-mix\(in_srgb\,_token\(colors\.sd\.system\.color\.impression\.negativeContainerVariant\)_95\%\,_token\(colors\.sd\.system\.color\.component\.inverseSurface\)_5\%\){background:color-mix(in srgb,var(--colors-sd-system-color-impression-negative-container-variant) 95%,var(--colors-sd-system-color-component-inverse-surface) 5%)}.op_0\.98{opacity:.98}.w_sd\.system\.dimension\.spacing\.twoExtraLarge{width:var(--sizes-sd-system-dimension-spacing-two-extra-large)}.bd_1px_solid{border:1px solid}.bdr_4px{border-radius:4px}.bx-sh_sm{box-shadow:sm}.bd-cl_separate{border-collapse:separate}.bd-sp_0{border-spacing:0}.min-w_100\%{min-width:100%}.ap_none{-moz-appearance:none;appearance:none;-webkit-appearance:none}.ta_center{text-align:center}.z_sd\.system\.elevation\.zIndex\.dropdown{z-index:var(--z-index-sd-system-elevation-z-index-dropdown)}.bx-sh_sd\.system\.elevation\.shadow\.level1{box-shadow:var(--shadows-sd-system-elevation-shadow-level1)}.gap_sd\.system\.dimension\.spacing\.small{gap:var(--spacing-sd-system-dimension-spacing-small)}.w_fit-content{width:fit-content}.px_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-inline:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.w_full{width:full}.p_0{padding:0}.w_40px{width:40px}.bd_none{border:none}.bg_transparent{background:transparent}.z_2{z-index:2}.trf_translateY\(-50\%\){transform:translateY(-50%)}.pointer-events_none{pointer-events:none}.--thickness_1px{--thickness: 1px}.h_sd\.reference\.dimension\.scale\.1{height:var(--sizes-sd-reference-dimension-scale-1)}.w_sd\.reference\.dimension\.scale\.1{width:var(--sizes-sd-reference-dimension-scale-1)}.min-h_10px{min-height:10px}.bg_sd\.system\.color\.component\.scrim{background:var(--colors-sd-system-color-component-scrim)}.pos_fixed{position:fixed}.inset_0{top:0;right:0;bottom:0;left:0}.z_sd\.system\.elevation\.zIndex\.modal{z-index:var(--z-index-sd-system-elevation-z-index-modal)}.w_calc\(100\%_-_\{spacing\.sd\.system\.dimension\.spacing\.extraLarge\}\){width:calc(100% - var(--spacing-sd-system-dimension-spacing-extra-large))}.max-w_375px{max-width:375px}.h_100vh{height:100vh}.bx-sh_sd\.system\.elevation\.shadow\.level5{box-shadow:var(--shadows-sd-system-elevation-shadow-level5)}.max-w_100\%{max-width:100%}.p_sd\.system\.dimension\.spacing\.twoExtraSmall{padding:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.ring_none{outline:2px solid transparent;outline-offset:2px}.w_240{width:240px}.h_48px{height:48px}.py_sd\.system\.dimension\.spacing\.extraSmall{padding-block:var(--spacing-sd-system-dimension-spacing-extra-small)}.ps_sd\.system\.dimension\.spacing\.medium{padding-inline-start:var(--spacing-sd-system-dimension-spacing-medium)}.w_\{spacing\.sd\.reference\.dimension\.scale\.17\}{width:var(--spacing-sd-reference-dimension-scale-17)}.h_\{spacing\.sd\.reference\.dimension\.scale\.17\}{height:var(--spacing-sd-reference-dimension-scale-17)}.w_\{spacing\.sd\.reference\.dimension\.scale\.13\}{width:var(--spacing-sd-reference-dimension-scale-13)}.h_\{spacing\.sd\.reference\.dimension\.scale\.13\}{height:var(--spacing-sd-reference-dimension-scale-13)}.w_\{spacing\.sd\.reference\.dimension\.scale\.10\}{width:var(--spacing-sd-reference-dimension-scale-10)}.h_\{spacing\.sd\.reference\.dimension\.scale\.10\}{height:var(--spacing-sd-reference-dimension-scale-10)}.min-h_48{min-height:48px}.min-h_38{min-height:38px}.min-w_24{min-width:24px}.trf_translate\(-50\%\,_-50\%\){transform:translate(-50%,-50%)}.w_calc\(100\%_-_\{spacing\.sd\.system\.dimension\.spacing\.large\}_\*_2\){width:calc(100% - var(--spacing-sd-system-dimension-spacing-large) * 2)}.max-w_408px{max-width:408px}.c_sd\.system\.color\.impression\.onNegative{color:var(--colors-sd-system-color-impression-on-negative)}.h_16{height:16px}.min-w_16{min-width:16px}.h_8{height:8px}.px_0{padding-inline:0}.min-w_8{min-width:8px}.page_1{page:1px}.gap_sd\.system\.dimension\.spacing\.none{gap:var(--spacing-sd-system-dimension-spacing-none)}.min-w_32{min-width:32px}.m_0{margin:0}.w_32{width:32px}.c_primary{color:primary}.h_4px{height:4px}.h_8px{height:8px}.w_12px{width:12px}.h_12px{height:12px}.w_16px{width:16px}.w_calc\(100\%_-_4px\){width:calc(100% - 4px)}.fill_none{fill:none}.bdr_0{border-radius:0}.stk_sd\.system\.color\.impression\.primary{stroke:var(--colors-sd-system-color-impression-primary)}.stk-lc_butt{stroke-linecap:butt}.trf-o_center{transform-origin:center}.h_2px{height:2px}.w_50\%{width:50%}.anim_progressIndicatorSlide_1\.7s_cubic-bezier\(0\.65\,_0\.05\,_0\.36\,_1\)_infinite{animation:progressIndicatorSlide 1.7s cubic-bezier(.65,.05,.36,1) infinite}.stk_sd\.reference\.color\.scale\.gray\.300{stroke:var(--colors-sd-reference-color-scale-gray-300)}.c_sd\.system\.color\.component\.outlineVariant{color:var(--colors-sd-system-color-component-outline-variant)}.tov_ellipsis{text-overflow:ellipsis}.d_inline-grid{display:inline-grid}.w_20px{width:20px}.w_sd\.system\.dimension\.spacing\.large{width:var(--sizes-sd-system-dimension-spacing-large)}.op_0{opacity:0}.h_sd\.system\.dimension\.spacing\.large{height:var(--sizes-sd-system-dimension-spacing-large)}.bdr_sd\.system\.dimension\.radius\.small{border-radius:var(--radii-sd-system-dimension-radius-small)}.w_52{width:52px}.d_block{display:block}.w_20{width:20px}.h_20{height:20px}.my_5{margin-block:5px}.mx_6{margin-inline:6px}.w_160{width:160px}.h_44{height:44px}.bd-b_2px_solid{border-bottom:2px solid}.w_8{width:8px}.w_16{width:16px}.field-sizing_content{field-sizing:content}.min-h_2lh{min-height:2lh}.ta_right{text-align:right}.gap_10px{gap:10px}.bx-sh_sd\.system\.elevation\.shadow\.level3{box-shadow:var(--shadows-sd-system-elevation-shadow-level3)}.bg_sd\.system\.color\.component\.inverseSurface{background:var(--colors-sd-system-color-component-inverse-surface)}.c_sd\.system\.color\.impression\.positive{color:var(--colors-sd-system-color-impression-positive)}.max-w_200px{max-width:200px}.z_1000{z-index:1000}.--arrow-size_8px{--arrow-size: 8px}.--arrow-background_colors\.sd\.system\.color\.component\.inverseSurface{--arrow-background: var(--colors-sd-system-color-component-inverse-surface)}.z_1001{z-index:1001}.gap_8px{gap:8px}.flex-d_row-reverse{flex-direction:row-reverse}.pt_sd\.system\.dimension\.spacing\.small{padding-top:var(--spacing-sd-system-dimension-spacing-small)}.pb_sd\.system\.dimension\.spacing\.medium{padding-bottom:var(--spacing-sd-system-dimension-spacing-medium)}.flex-d_column{flex-direction:column}.ai_center{align-items:center}.jc_center{justify-content:center}.bg-c_sd\.reference\.color\.scale\.blue\.200{background-color:var(--colors-sd-reference-color-scale-blue-200)}.fs_11{font-size:11px}.fs_19{font-size:19px}.fs_37{font-size:37px}.pr_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-right:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pl_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-left:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pr_sd\.system\.dimension\.spacing\.extraSmall{padding-right:var(--spacing-sd-system-dimension-spacing-extra-small)}.pl_sd\.system\.dimension\.spacing\.extraSmall{padding-left:var(--spacing-sd-system-dimension-spacing-extra-small)}.pr_sd\.system\.dimension\.spacing\.medium{padding-right:var(--spacing-sd-system-dimension-spacing-medium)}.pl_sd\.system\.dimension\.spacing\.medium{padding-left:var(--spacing-sd-system-dimension-spacing-medium)}.grid-tc_24px_1fr{grid-template-columns:24px 1fr}.cg_sd\.system\.dimension\.spacing\.twoExtraSmall{column-gap:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.rg_sd\.system\.dimension\.spacing\.extraSmall{row-gap:var(--spacing-sd-system-dimension-spacing-extra-small)}.bd-w_sd\.system\.dimension\.border\.medium{border-width:var(--border-widths-sd-system-dimension-border-medium)}.border-style_solid{border-style:solid}.bd-c_sd\.system\.color\.component\.outline{border-color:var(--colors-sd-system-color-component-outline)}.bd-c_sd\.system\.color\.impression\.negativeContainer{border-color:var(--colors-sd-system-color-impression-negative-container)}.bd-c_sd\.system\.color\.impression\.noticeContainer{border-color:var(--colors-sd-system-color-impression-notice-container)}.jc_space-around{justify-content:space-around}.bd-t-c_sd\.system\.color\.component\.outline{border-top-color:var(--colors-sd-system-color-component-outline)}.top_-6px{top:-6px}.right_4px{right:4px}.top_-2\.5px{top:-2.5px}.ring-w_sd\.system\.dimension\.border\.medium{outline-width:var(--border-widths-sd-system-dimension-border-medium)}.outline-style_solid{outline-style:solid}.ring-c_sd\.system\.color\.component\.outline{outline-color:var(--colors-sd-system-color-component-outline)}.bg-c_sd\.system\.color\.component\.surface{background-color:var(--colors-sd-system-color-component-surface)}.pl_sd\.system\.dimension\.spacing\.extraLarge{padding-left:var(--spacing-sd-system-dimension-spacing-extra-large)}.pr_sd\.system\.dimension\.spacing\.extraLarge{padding-right:var(--spacing-sd-system-dimension-spacing-extra-large)}.top_20{top:20px}.right_80{right:80px}.bottom_60{bottom:60px}.left_60{left:60px}.flex-sh_0{flex-shrink:0}.mt_sd\.system\.dimension\.spacing\.twoExtraSmall{margin-top:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.ai_flex-start{align-items:flex-start}.bg-c_sd\.reference\.color\.scale\.gray\.200{background-color:var(--colors-sd-reference-color-scale-gray-200)}.jc_space-between{justify-content:space-between}.grid-tc_1fr{grid-template-columns:1fr}.grid-tc_auto_1fr{grid-template-columns:auto 1fr}.grid-tc_1fr_1fr{grid-template-columns:1fr 1fr}.as_flex-end{align-self:flex-end}.ai_baseline{align-items:baseline}.ff_Roboto\,_sans-serif{font-family:Roboto,sans-serif}.fw_400{font-weight:400}.fs_13px{font-size:13px}.fs_11px{font-size:11px}.fs_15px{font-size:15px}.fs_14px{font-size:14px}.ov-x_auto{overflow-x:auto}.grid-tc_1fr_auto_1fr{grid-template-columns:1fr auto 1fr}.fw_normal{font-weight:400}.fv-num_tabular-nums{font-variant-numeric:tabular-nums}.pr_30px{padding-right:30px}.right_0{right:0}.top_50\%{top:50%}.border-block-end-width_var\(--thickness\){border-block-end-width:var(--thickness)}.bd-c_sd\.reference\.color\.scale\.gray\.200{border-color:var(--colors-sd-reference-color-scale-gray-200)}.bd-c_sd\.reference\.color\.scale\.gray\.300{border-color:var(--colors-sd-reference-color-scale-gray-300)}.bd-c_sd\.system\.color\.component\.outlineVariant{border-color:var(--colors-sd-system-color-component-outline-variant)}.border-bottom-style_solid{border-bottom-style:solid}.border-left-style_solid{border-left-style:solid}.top_0{top:0}.left_0{left:0}.jc_flex-start{justify-content:flex-start}.jc_flex-end{justify-content:flex-end}.pr_sd\.system\.dimension\.spacing\.small{padding-right:var(--spacing-sd-system-dimension-spacing-small)}.ml_2px{margin-left:2px}.bg-c_sd\.system\.color\.impression\.primaryContainer{background-color:var(--colors-sd-system-color-impression-primary-container)}.ring-c_transparent{outline-color:transparent}.flex-g_1{flex-grow:1}.right_sd\.system\.dimension\.spacing\.medium{right:var(--spacing-sd-system-dimension-spacing-medium)}.top_sd\.system\.dimension\.spacing\.extraSmall{top:var(--spacing-sd-system-dimension-spacing-extra-small)}.left_50\%{left:50%}.pt_sd\.system\.dimension\.spacing\.extraLarge{padding-top:var(--spacing-sd-system-dimension-spacing-extra-large)}.pb_sd\.system\.dimension\.spacing\.large{padding-bottom:var(--spacing-sd-system-dimension-spacing-large)}.bg-c_sd\.system\.color\.impression\.negative{background-color:var(--colors-sd-system-color-impression-negative)}.bg-c_sd\.system\.color\.impression\.primary{background-color:var(--colors-sd-system-color-impression-primary)}.lh_24px{line-height:24px}.bg-c_sd\.reference\.color\.scale\.gray\.100{background-color:var(--colors-sd-reference-color-scale-gray-100)}.left_0px{left:0}.bg-c_sd\.reference\.color\.scale\.gray\.300{background-color:var(--colors-sd-reference-color-scale-gray-300)}.lh_1{line-height:1}.grid-tc_auto_1fr_auto{grid-template-columns:auto 1fr auto}.pb_sd\.system\.dimension\.spacing\.small{padding-bottom:var(--spacing-sd-system-dimension-spacing-small)}.pt_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-top:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pb_sd\.system\.dimension\.spacing\.twoExtraSmall{padding-bottom:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.scr-pl_sd\.system\.dimension\.spacing\.twoExtraSmall{scroll-padding-left:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.pb_sd\.system\.dimension\.spacing\.extraSmall{padding-bottom:var(--spacing-sd-system-dimension-spacing-extra-small)}.pt_sd\.system\.dimension\.spacing\.extraSmall{padding-top:var(--spacing-sd-system-dimension-spacing-extra-small)}.grid-tc_1fr_auto{grid-template-columns:1fr auto}.bg-c_sd\.system\.color\.interaction\.disabled{background-color:var(--colors-sd-system-color-interaction-disabled)}.bd-w_1{border-width:1px}.trs-dur_\.2s{--transition-duration: .2s;transition-duration:.2s}.trs-prop_background\,_borderColor{--transition-prop: background, borderColor;transition-property:background,borderColor}.trs-tmf_cubic-bezier\(\.2\,_0\,_0\,_1\){--transition-easing: cubic-bezier(.2, 0, 0, 1);transition-timing-function:cubic-bezier(.2,0,0,1)}.trs-dur_\.3s{--transition-duration: .3s;transition-duration:.3s}.trs-prop_transform\,_borderColor{--transition-prop: transform, borderColor;transition-property:transform,borderColor}.lh_sd\.reference\.typography\.lineHeight\.tight{line-height:var(--line-heights-sd-reference-typography-line-height-tight)}.trs-prop_color\,_border-color{--transition-prop: color, border-color;transition-property:color,border-color}.bd-b-c_transparent{border-bottom-color:transparent}.bg-c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\,_\{colors\.sd\.system\.color\.impression\.negativeContainer\}\)\;{background-color:color-mix(in srgb,var(--colors-sd-system-color-interaction-hovered-on-primary),var(--colors-sd-system-color-impression-negative-container))}.grid-tc_auto{grid-template-columns:auto}.mt_sd\.system\.dimension\.spacing\.extraSmall{margin-top:var(--spacing-sd-system-dimension-spacing-extra-small)}.mr_sd\.system\.dimension\.spacing\.twoExtraSmall{margin-right:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.mb_sd\.system\.dimension\.spacing\.twoExtraSmall{margin-bottom:var(--spacing-sd-system-dimension-spacing-two-extra-small)}.ml_sd\.system\.dimension\.spacing\.small{margin-left:var(--spacing-sd-system-dimension-spacing-small)}.flex-d_row{flex-direction:row}.bd-c_sd\.system\.color\.impression\.negative{border-color:var(--colors-sd-system-color-impression-negative)}.content_ツールチップの内容{content:ツールチップの内容}.content_上部に表示{content:上部に表示}.content_左側に表示{content:左側に表示}.content_右側に表示{content:右側に表示}.content_下部に表示{content:下部に表示}.content_左上に表示{content:左上に表示}.content_右上に表示{content:右上に表示}.content_左下に表示{content:左下に表示}.content_右下に表示{content:右下に表示}.content_すぐに表示（100ms）{content:すぐに表示（100ms）}.content_デフォルト（700ms）{content:デフォルト（700ms）}.content_ゆっくり表示（1500ms）{content:ゆっくり表示（1500ms）}.content_これは長いツールチップテキストです。最大幅が200pxに設定されているため、自動的に改行されます。{content:これは長いツールチップテキストです。最大幅が200pxに設定されているため、自動的に改行されます。}.content_このツールチップは表示されます{content:このツールチップは表示されます}.content_このツールチップは表示されません{content:このツールチップは表示されません}.content_ボタンのツールチップ{content:ボタンのツールチップ}.content_テキストのツールチップ{content:テキストのツールチップ}.content_アイコンのツールチップ{content:アイコンのツールチップ}.bg-c_sd\.system\.color\.component\.inverseSurface{background-color:var(--colors-sd-system-color-component-inverse-surface)}.open\:trf_rotate\(180deg\):is([open],[data-open],[data-state=open]){transform:rotate(180deg)}.open\:trf_rotate\(0deg\):is([open],[data-open],[data-state=open]){transform:rotate(0)}.\[\&_svg\]\:w_sd\.reference\.dimension\.scale\.8 svg{width:var(--sizes-sd-reference-dimension-scale-8)}.\[\&_svg\]\:h_sd\.reference\.dimension\.scale\.8 svg{height:var(--sizes-sd-reference-dimension-scale-8)}.disabled\:cursor_not-allowed:is(:disabled,[disabled],[data-disabled]){cursor:not-allowed}.disabled\:bg_sd\.system\.color\.interaction\.disabled:is(:disabled,[disabled],[data-disabled]){background:var(--colors-sd-system-color-interaction-disabled)}.disabled\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled]){color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.disabled\:ring_none:is(:disabled,[disabled],[data-disabled]){outline:2px solid transparent;outline-offset:2px}.\[\&_\.checkmark\]\:c_sd\.system\.color\.impression\.onPrimaryContainer .checkmark{color:var(--colors-sd-system-color-impression-on-primary-container)}.disabled\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.outline\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]){color:color-mix(in srgb,var(--colors-sd-system-color-component-outline),var(--colors-sd-system-color-interaction-hovered-on-primary))}.after\:pos_absolute:after{position:absolute}.after\:pointer-events_none:after{pointer-events:none}.after\:w_100\%:after{width:100%}.after\:h_100\%:after{height:100%}.after\:bg_sd\.system\.color\.component\.inversePrimary:after{background:var(--colors-sd-system-color-component-inverse-primary)}.after\:z_1:after{z-index:1}.after\:mix-bm_multiply:after{mix-blend-mode:multiply}.open\:d_flex:is([open],[data-open],[data-state=open]){display:flex}.open\:anim_fadeIn_0\.25s_ease-out:is([open],[data-open],[data-state=open]){animation:fadeIn .25s ease-out}.closed\:d_none:is([closed],[data-closed],[data-state=closed]){display:none}.closed\:anim_fadeOut_0\.2s_ease-out:is([closed],[data-closed],[data-state=closed]){animation:fadeOut .2s ease-out}.hidden\:d_none:is([hidden],[data-hidden]){display:none}.before\:pos_absolute:before{position:absolute}.before\:inset_0:before{top:0;right:0;bottom:0;left:0}.before\:z_-1:before{z-index:-1}.before\:bdr_sd\.system\.dimension\.radius\.full:before{border-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-in-range\]\]\:bg_sd\.system\.color\.interaction\.selectedSurface[data-in-range]{background:var(--colors-sd-system-color-interaction-selected-surface)}.\[\&\[data-in-range\]\]\:bdr_0px[data-in-range]{border-radius:0}.\[\&\[data-in-range\]\&\[data-in-hover-range\]\]\:bg_sd\.system\.color\.interaction\.hoveredVariant[data-in-range].\[\&\[data-in-range\]\&\[data-in-hover-range\]\]\:bg_sd\.system\.color\.interaction\.hoveredVariant[data-in-hover-range],.\[\&\[data-hover-range-start\]\]\:bg_sd\.system\.color\.interaction\.hoveredVariant[data-hover-range-start],.\[\&\[data-hover-range-end\]\]\:bg_sd\.system\.color\.interaction\.hoveredVariant[data-hover-range-end]{background:var(--colors-sd-system-color-interaction-hovered-variant)}.selected\:c_sd\.system\.color\.impression\.onPrimaryContainer:is([aria-selected=true],[data-selected]){color:var(--colors-sd-system-color-impression-on-primary-container)}.selected\:z_100:is([aria-selected=true],[data-selected]){z-index:100}.unavailable\:c_sd\.system\.color\.interaction\.disabledOnSurface[data-unavailable]{color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.unavailable\:cursor_not-allowed[data-unavailable]{cursor:not-allowed}.unavailable\:td_line-through[data-unavailable]{text-decoration:line-through}.disabled\:ring_solid:is(:disabled,[disabled],[data-disabled]){outline:solid}.disabled\:ring-o_0px:is(:disabled,[disabled],[data-disabled]){outline-offset:0px}.disabled\:bg_transparent:is(:disabled,[disabled],[data-disabled]){background:transparent}.\[\&_svg\]\:w_sd\.reference\.dimension\.scale\.12 svg{width:var(--sizes-sd-reference-dimension-scale-12)}.\[\&_svg\]\:h_sd\.reference\.dimension\.scale\.12 svg{height:var(--sizes-sd-reference-dimension-scale-12)}.selected\:bg_sd\.system\.color\.interaction\.selectedSurface:is([aria-selected=true],[data-selected]){background:var(--colors-sd-system-color-interaction-selected-surface)}.disabled\:op_0\.3:is(:disabled,[disabled],[data-disabled]){opacity:.3}.\[\&_svg\]\:w_24px svg{width:24px}.\[\&_svg\]\:h_24px svg{height:24px}.\[\&_svg\]\:d_block svg{display:block}.\[\&_svg\]\:max-h_100\% svg{max-height:100%}.\[\&_svg\]\:max-w_100\% svg{max-width:100%}.\[\&_svg\]\:w_40px svg{width:40px}.\[\&_svg\]\:h_40px svg{height:40px}.\[\&\[data-selected\]\]\:c_sd\.system\.color\.interaction\.disabledOnSurface[data-selected]{color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.disabled\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.impression\.primary\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]){color:color-mix(in srgb,var(--colors-sd-system-color-impression-primary),var(--colors-sd-system-color-interaction-hovered-on-primary))}.disabled\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.outlineVariant\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]){color:color-mix(in srgb,var(--colors-sd-system-color-component-outline-variant),var(--colors-sd-system-color-interaction-hovered-on-primary))}.placeholder\:c_sd\.system\.color\.component\.onSurfaceVariant::placeholder,.placeholder\:c_sd\.system\.color\.component\.onSurfaceVariant[data-placeholder]{color:var(--colors-sd-system-color-component-on-surface-variant)}[data-disabled] .\[\[data-disabled\]_\&\]\:c_sd\.system\.color\.interaction\.disabledOnSurface{color:var(--colors-sd-system-color-interaction-disabled-on-surface)}[data-state=open] .\[\[data-state\=open\]_\&\]\:op_1{opacity:1}[data-placeholder-shown] .\[\[data-placeholder-shown\]_\&\]\:c_sd\.system\.color\.component\.onSurfaceVariant{color:var(--colors-sd-system-color-component-on-surface-variant)}[data-state=open] .\[\[data-state\=\'open\'\]_\&\]\:trf_rotate\(180deg\){transform:rotate(180deg)}.disabled\:cursor_default:is(:disabled,[disabled],[data-disabled]){cursor:default}.checked\:trf_translateX\(19px\):is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){transform:translate(19px)}.selected\:c_sd\.system\.color\.impression\.primary:is([aria-selected=true],[data-selected]){color:var(--colors-sd-system-color-impression-primary)}.disabled\:bg-c_sd\.system\.color\.interaction\.disabled:is(:disabled,[disabled],[data-disabled]){background-color:var(--colors-sd-system-color-interaction-disabled)}.after\:content_\'\':after{content:""}.after\:top_0:after{top:0}.after\:left_0:after{left:0}.expanded\:ring-w_sd\.system\.dimension\.border\.thick:is([aria-expanded=true],[data-expanded],[data-state=expanded]){outline-width:var(--border-widths-sd-system-dimension-border-thick)}.expanded\:ring-c_sd\.system\.color\.impression\.primary:is([aria-expanded=true],[data-expanded],[data-state=expanded]){outline-color:var(--colors-sd-system-color-impression-primary)}.before\:content_\'\':before{content:""}.\[\&\[data-hover-range-start\]\]\:bdr-tl_sd\.system\.dimension\.radius\.full[data-hover-range-start]{border-top-left-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-hover-range-start\]\]\:bdr-bl_sd\.system\.dimension\.radius\.full[data-hover-range-start]{border-bottom-left-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-hover-range-start\]\]\:bdr-tr_0px[data-hover-range-start]{border-top-right-radius:0}.\[\&\[data-hover-range-start\]\]\:bdr-br_0px[data-hover-range-start]{border-bottom-right-radius:0}.\[\&\[data-hover-range-end\]\]\:bdr-tr_sd\.system\.dimension\.radius\.full[data-hover-range-end]{border-top-right-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-hover-range-end\]\]\:bdr-br_sd\.system\.dimension\.radius\.full[data-hover-range-end]{border-bottom-right-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-hover-range-end\]\]\:bdr-tl_0px[data-hover-range-end]{border-top-left-radius:0}.\[\&\[data-hover-range-end\]\]\:bdr-bl_0px[data-hover-range-end]{border-bottom-left-radius:0}.\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-tl_sd\.system\.dimension\.radius\.full[data-hover-range-start].\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-tl_sd\.system\.dimension\.radius\.full[data-hover-range-end]{border-top-left-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-bl_sd\.system\.dimension\.radius\.full[data-hover-range-start].\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-bl_sd\.system\.dimension\.radius\.full[data-hover-range-end]{border-bottom-left-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-tr_sd\.system\.dimension\.radius\.full[data-hover-range-start].\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-tr_sd\.system\.dimension\.radius\.full[data-hover-range-end]{border-top-right-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-br_sd\.system\.dimension\.radius\.full[data-hover-range-start].\[\&\[data-hover-range-start\]\&\[data-hover-range-end\]\]\:bdr-br_sd\.system\.dimension\.radius\.full[data-hover-range-end]{border-bottom-right-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-range-start\]\]\:bdr-tl_sd\.system\.dimension\.radius\.full[data-range-start]{border-top-left-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-range-start\]\]\:bdr-bl_sd\.system\.dimension\.radius\.full[data-range-start]{border-bottom-left-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-range-end\]\]\:bdr-tr_sd\.system\.dimension\.radius\.full[data-range-end]{border-top-right-radius:var(--radii-sd-system-dimension-radius-full)}.\[\&\[data-range-end\]\]\:bdr-br_sd\.system\.dimension\.radius\.full[data-range-end]{border-bottom-right-radius:var(--radii-sd-system-dimension-radius-full)}.highlighted\:bg-c_sd\.system\.color\.interaction\.hoveredVariant[data-highlighted]{background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.disabled\:ring-c_sd\.system\.color\.component\.outline:is(:disabled,[disabled],[data-disabled]){outline-color:var(--colors-sd-system-color-component-outline)}.disabled\:ring-w_sd\.system\.dimension\.border\.medium:is(:disabled,[disabled],[data-disabled]){outline-width:var(--border-widths-sd-system-dimension-border-medium)}.disabled\:ring-c_transparent:is(:disabled,[disabled],[data-disabled]){outline-color:transparent}.\[\&\[data-selected\]\]\:fw_bold[data-selected]{font-weight:700}.invalid\:ring-c_sd\.system\.color\.impression\.negative:is(:invalid,[data-invalid]){outline-color:var(--colors-sd-system-color-impression-negative)}.\[\&\[data-focus\=\"true\"\]_\.control\]\:bd-c_sd\.system\.color\.impression\.primary[data-focus=true] .control{border-color:var(--colors-sd-system-color-impression-primary)}.checked\:bg-c_sd\.system\.color\.impression\.primary:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){background-color:var(--colors-sd-system-color-impression-primary)}.checked\:bd-c_sd\.system\.color\.impression\.primary:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){border-color:var(--colors-sd-system-color-impression-primary)}.checked\:bd-c_sd\.system\.color\.component\.surface:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]){border-color:var(--colors-sd-system-color-component-surface)}.selected\:fw_bold:is([aria-selected=true],[data-selected]){font-weight:700}.selected\:bd-b-c_sd\.system\.color\.impression\.primary:is([aria-selected=true],[data-selected]){border-bottom-color:var(--colors-sd-system-color-impression-primary)}.\[\&\:has\(\[data-focus\=\"true\"\]\)\]\:ring-w_sd\.system\.dimension\.border\.thick:has([data-focus=true]){outline-width:var(--border-widths-sd-system-dimension-border-thick)}.\[\&\:has\(\[data-focus\=\"true\"\]\)\]\:ring-c_sd\.system\.color\.impression\.primary:has([data-focus=true]){outline-color:var(--colors-sd-system-color-impression-primary)}.lastOfType\:pb_8px:last-of-type{padding-bottom:8px}.firstOfType\:pb_0px:first-of-type{padding-bottom:0}.focusWithin\:ring-w_sd\.system\.dimension\.border\.thick:focus-within{outline-width:var(--border-widths-sd-system-dimension-border-thick)}.focusWithin\:ring-c_sd\.system\.color\.impression\.primary:focus-within{outline-color:var(--colors-sd-system-color-impression-primary)}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:ring-o_-2px{outline-offset:-2px}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bdr_sd\.system\.dimension\.radius\.small{border-radius:var(--radii-sd-system-dimension-radius-small)}.focusVisible\:ring_1px_solid:is(:focus-visible,[data-focus-visible]){outline:1px solid}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bdr_sd\.system\.dimension\.radius\.full{border-radius:var(--radii-sd-system-dimension-radius-full)}.focusVisible\:ring-o_-1px:is(:focus-visible,[data-focus-visible]){outline-offset:-1px}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:outline-style_solid{outline-style:solid}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:ring-w_1\.5px{outline-width:1.5px}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:ring-c_sd\.system\.color\.impression\.primary{outline-color:var(--colors-sd-system-color-impression-primary)}.focusVisible\:ring-c_sd\.system\.color\.component\.outline:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-component-outline)}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bg-c_sd\.system\.color\.interaction\.selectedSurface{background-color:var(--colors-sd-system-color-interaction-selected-surface)}.focus\:ring-w_sd\.system\.dimension\.border\.thick:is(:focus,[data-focus]){outline-width:var(--border-widths-sd-system-dimension-border-thick)}.focus\:ring-c_sd\.system\.color\.impression\.primary:is(:focus,[data-focus]){outline-color:var(--colors-sd-system-color-impression-primary)}.group:has(:focus-visible) .\[\.group\:has\(\:focus-visible\)_\&\]\:bd-c_sd\.system\.color\.impression\.primary{border-color:var(--colors-sd-system-color-impression-primary)}.focusVisible\:ring-w_1px:is(:focus-visible,[data-focus-visible]){outline-width:1px}.focusVisible\:outline-style_solid:is(:focus-visible,[data-focus-visible]){outline-style:solid}.hover\:bg_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.surface\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredVariant\}\):is(:hover,[data-hover]){background:color-mix(in srgb,var(--colors-sd-system-color-component-surface),var(--colors-sd-system-color-interaction-hovered-variant))}.hover\:bg_sd\.system\.color\.interaction\.hoveredVariant:is(:hover,[data-hover]){background:var(--colors-sd-system-color-interaction-hovered-variant)}.hover\:bg_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.interaction\.hoveredVariant\}\,_\{colors\.sd\.system\.color\.component\.surface\}\)\;:is(:hover,[data-hover]){background:color-mix(in srgb,var(--colors-sd-system-color-interaction-hovered-variant),var(--colors-sd-system-color-component-surface))}.hover\:c_sd\.system\.color\.impression\.primary:is(:hover,[data-hover]){color:var(--colors-sd-system-color-impression-primary)}.hover\:bg-c_sd\.system\.color\.interaction\.hoveredVariant:is(:hover,[data-hover]){background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.selected\:before\:bg_sd\.system\.color\.impression\.primaryContainer:is([aria-selected=true],[data-selected]):before{background:var(--colors-sd-system-color-impression-primary-container)}.expanded\:\[\&_svg\]\:trf_rotate\(180deg\):is([aria-expanded=true],[data-expanded],[data-state=expanded]) svg{transform:rotate(180deg)}.enabled\:focusVisible\:ring-o_-1px:enabled:is(:focus-visible,[data-focus-visible]){outline-offset:-1px}.selected\:hover\:bg_sd\.system\.color\.interaction\.selectedSurface:is([aria-selected=true],[data-selected]):is(:hover,[data-hover]){background:var(--colors-sd-system-color-interaction-selected-surface)}.disabled\:selected\:bg_transparent:is(:disabled,[disabled],[data-disabled]):is([aria-selected=true],[data-selected]){background:transparent}.disabled\:\[\&_svg\]\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled]) svg{color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.disabled\:placeholder\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled])::placeholder,.disabled\:placeholder\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled])[data-placeholder]{color:var(--colors-sd-system-color-interaction-disabled-on-surface)}[data-placeholder-shown] .disabled\:\[\[data-placeholder-shown\]_\&\]\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:disabled,[disabled],[data-disabled]){color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.enabled\:hover\:bg_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.component\.surface\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredVariant\}\):enabled:is(:hover,[data-hover]){background:color-mix(in srgb,var(--colors-sd-system-color-component-surface),var(--colors-sd-system-color-interaction-hovered-variant))}.enabled\:focusVisible\:ring-w_sd\.system\.dimension\.border\.medium:enabled:is(:focus-visible,[data-focus-visible]){outline-width:var(--border-widths-sd-system-dimension-border-medium)}.enabled\:focusVisible\:outline-style_solid:enabled:is(:focus-visible,[data-focus-visible]){outline-style:solid}.enabled\:focusVisible\:ring-c_sd\.system\.color\.interaction\.hovered:enabled:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-interaction-hovered)}.enabled\:hover\:bg-c_sd\.system\.color\.interaction\.hoveredVariant:enabled:is(:hover,[data-hover]){background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.enabled\:focusVisible\:bg-c_sd\.system\.color\.interaction\.hoveredVariant:enabled:is(:focus-visible,[data-focus-visible]){background-color:var(--colors-sd-system-color-interaction-hovered-variant)}.enabled\:focusVisible\:ring-c_sd\.system\.color\.component\.outlineVariant:enabled:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-component-outline-variant)}.today\:before\:bd-w_sd\.system\.dimension\.border\.medium[data-today]:before{border-width:var(--border-widths-sd-system-dimension-border-medium)}.today\:before\:bd-c_sd\.system\.color\.component\.outline[data-today]:before{border-color:var(--colors-sd-system-color-component-outline)}.today\:before\:border-style_solid[data-today]:before{border-style:solid}.enabled\:hover\:bg-i_linear-gradient\(0deg\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_0\%\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_100\%\):enabled:is(:hover,[data-hover]){background-image:linear-gradient(0deg,var(--colors-sd-system-color-interaction-hovered) 0%,var(--colors-sd-system-color-interaction-hovered) 100%)}.enabled\:focusVisible\:bg-i_linear-gradient\(0deg\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_0\%\,_\{colors\.sd\.system\.color\.interaction\.hovered\}_100\%\):enabled:is(:focus-visible,[data-focus-visible]){background-image:linear-gradient(0deg,var(--colors-sd-system-color-interaction-hovered) 0%,var(--colors-sd-system-color-interaction-hovered) 100%)}.enabled\:focusVisible\:ring-w_sd\.system\.dimension\.border\.thick:enabled:is(:focus-visible,[data-focus-visible]){outline-width:var(--border-widths-sd-system-dimension-border-thick)}.enabled\:focusVisible\:ring-c_sd\.system\.color\.impression\.primary:enabled:is(:focus-visible,[data-focus-visible]){outline-color:var(--colors-sd-system-color-impression-primary)}.enabled\:hover\:ring-c_sd\.system\.color\.interaction\.hovered:enabled:is(:hover,[data-hover]){outline-color:var(--colors-sd-system-color-interaction-hovered)}.checked\:disabled\:bg-c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.impression\.primary\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):is(:disabled,[disabled],[data-disabled]){background-color:color-mix(in srgb,var(--colors-sd-system-color-impression-primary),var(--colors-sd-system-color-interaction-hovered-on-primary))}.checked\:disabled\:bd-c_transparent:is(:checked,[data-checked],[aria-checked=true],[data-state=checked]):is(:disabled,[disabled],[data-disabled]){border-color:transparent}.hover\:after\:pos_absolute:is(:hover,[data-hover]):after{position:absolute}.hover\:after\:pointer-events_none:is(:hover,[data-hover]):after{pointer-events:none}.hover\:after\:w_100\%:is(:hover,[data-hover]):after{width:100%}.hover\:after\:h_100\%:is(:hover,[data-hover]):after{height:100%}.hover\:after\:bg_sd\.system\.color\.interaction\.hoveredVariant:is(:hover,[data-hover]):after{background:var(--colors-sd-system-color-interaction-hovered-variant)}.hover\:after\:z_1:is(:hover,[data-hover]):after{z-index:1}.hover\:after\:bg_color-mix\(in_srgb\,_token\(colors\.sd\.system\.color\.component\.inversePrimary\)_95\%\,_token\(colors\.sd\.system\.color\.component\.inverseSurface\)_5\%\):is(:hover,[data-hover]):after{background:color-mix(in srgb,var(--colors-sd-system-color-component-inverse-primary) 95%,var(--colors-sd-system-color-component-inverse-surface) 5%)}.hover\:after\:mix-bm_multiply:is(:hover,[data-hover]):after{mix-blend-mode:multiply}.hover\:before\:bg_sd\.system\.color\.interaction\.hoveredVariant:is(:hover,[data-hover]):before{background:var(--colors-sd-system-color-interaction-hovered-variant)}.hover\:disabled\:c_sd\.system\.color\.interaction\.disabledOnSurface:is(:hover,[data-hover]):is(:disabled,[disabled],[data-disabled]){color:var(--colors-sd-system-color-interaction-disabled-on-surface)}.hover\:after\:content_\'\':is(:hover,[data-hover]):after{content:""}.hover\:after\:top_0:is(:hover,[data-hover]):after{top:0}.hover\:after\:left_0:is(:hover,[data-hover]):after{left:0}.enabled\:hover\:after\:pos_absolute:enabled:is(:hover,[data-hover]):after{position:absolute}.enabled\:hover\:after\:inset_0:enabled:is(:hover,[data-hover]):after{top:0;right:0;bottom:0;left:0}.enabled\:hover\:after\:bg_sd\.system\.color\.interaction\.hovered:enabled:is(:hover,[data-hover]):after{background:var(--colors-sd-system-color-interaction-hovered)}.enabled\:focusVisible\:after\:pos_absolute:enabled:is(:focus-visible,[data-focus-visible]):after{position:absolute}.enabled\:focusVisible\:after\:inset_0:enabled:is(:focus-visible,[data-focus-visible]):after{top:0;right:0;bottom:0;left:0}.enabled\:focusVisible\:after\:bg_sd\.system\.color\.interaction\.hovered:enabled:is(:focus-visible,[data-focus-visible]):after{background:var(--colors-sd-system-color-interaction-hovered)}.disabled\:checked\:\[\&_svg\]\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.impression\.primary\}\,_\{colors\.sd\.system\.color\.interaction\.hoveredOnPrimary\}\)\;:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked],[aria-checked=true],[data-state=checked]) svg{color:color-mix(in srgb,var(--colors-sd-system-color-impression-primary),var(--colors-sd-system-color-interaction-hovered-on-primary))}.disabled\:checked\:\[\&_\.checkmark\]\:c_color-mix\(in_srgb\,_\{colors\.sd\.system\.color\.interaction\.disabled\}\,_\{colors\.sd\.system\.color\.impression\.onPrimaryContainer\}\)\;:is(:disabled,[disabled],[data-disabled]):is(:checked,[data-checked],[aria-checked=true],[data-state=checked]) .checkmark{color:color-mix(in srgb,var(--colors-sd-system-color-interaction-disabled),var(--colors-sd-system-color-impression-on-primary-container))}.selected\:hover\:before\:bg_sd\.system\.color\.impression\.primaryContainer:is([aria-selected=true],[data-selected]):is(:hover,[data-hover]):before{background:var(--colors-sd-system-color-impression-primary-container)}.disabled\:hover\:before\:bg_transparent:is(:disabled,[disabled],[data-disabled]):is(:hover,[data-hover]):before{background:transparent}.unavailable\:hover\:before\:bg_transparent[data-unavailable]:is(:hover,[data-hover]):before{background:transparent}.enabled\:hover\:after\:content_\'\':enabled:is(:hover,[data-hover]):after{content:""}.enabled\:focusVisible\:after\:content_\'\':enabled:is(:focus-visible,[data-focus-visible]):after{content:""}.today\:\[\&\[data-in-range\]\]\:before\:bd-c_sd\.reference\.color\.scale\.white\.1000[data-today][data-in-range]:before{border-color:var(--colors-sd-reference-color-scale-white-1000)}@layer components{.\[\@layer_components\]\:w_min\(100\%\,_300px\){width:min(100%,300px)}.\[\@layer_components\]\:w_min\(100\%\,_150px\){width:min(100%,150px)}}@layer components;@media screen and (min-width: 48rem){.expanded\:pt_sd\.system\.dimension\.spacing\.large{padding-top:var(--spacing-sd-system-dimension-spacing-large)}.expanded\:flex-d_row-reverse{flex-direction:row-reverse}.expanded\:jc_end{justify-content:end}}}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@serendie/ui",
3
3
  "description": "Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric",
4
4
  "license": "MIT",
5
- "version": "2.2.2",
5
+ "version": "2.2.3-dev.202510140746",
6
6
  "type": "module",
7
7
  "types": "./dist/index.d.ts",
8
8
  "sideEffects": [