@epam/ai-dial-ui-kit 0.16.0-dev.4 → 0.16.0-dev.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -155,54 +155,56 @@ import { BottomSheet as Wi } from "./components/New/BottomSheet/BottomSheet.js";
155
155
  import { Badge as Qi } from "./components/New/Badge/Badge.js";
156
156
  import { BadgeColor as Zi, BadgeVariant as Ji } from "./types/badge.js";
157
157
  import { Avatar as ji } from "./components/New/Avatar/Avatar.js";
158
- import { AvatarShape as $i } from "./types/avatar.js";
159
- import { extractInitials as rp } from "./utils/avatar.js";
160
- import { EntityIdentity as tp } from "./components/New/EntityIdentity/EntityIdentity.js";
161
- import { EntityType as ip } from "./types/entity-type.js";
162
- import { SideDrawer as mp } from "./components/New/SideDrawer/SideDrawer.js";
163
- import { Tag as fp } from "./components/New/Tag/Tag.js";
164
- import { TagAppearance as xp } from "./types/tag.js";
165
- import { TagInput as Tp } from "./components/New/TagInput/TagInput.js";
166
- import { AutocompleteTagInput as up } from "./components/New/AutocompleteTagInput/AutocompleteTagInput.js";
167
- import { Search as Sp } from "./components/New/Search/Search.js";
168
- import { matchesAccept as Ip } from "./utils/file-accept.js";
169
- import { Slider as Ep } from "./components/New/Slider/Slider.js";
170
- import { Tooltip as Cp } from "./components/New/Tooltip/Tooltip.js";
171
- import { TooltipContainer as Bp } from "./components/New/Tooltip/TooltipContainer.js";
172
- import { TooltipContent as Np } from "./components/New/Tooltip/TooltipContent.js";
173
- import { TooltipTrigger as Op } from "./components/New/Tooltip/TooltipTrigger.js";
174
- import { InteractiveTooltipTrigger as Pp, TooltipPlacement as Mp } from "./types/tooltip.js";
175
- import { InteractiveTooltip as hp } from "./components/New/InteractiveTooltip/InteractiveTooltip.js";
176
- import { EllipsisTooltip as Gp } from "./components/New/EllipsisTooltip/EllipsisTooltip.js";
177
- import { CollapsibleSidebar as wp } from "./components/New/CollapsibleSidebar/CollapsibleSidebar.js";
178
- import { ResizableContainer as kp } from "./components/New/ResizableContainer/ResizableContainer.js";
179
- import { ConditionalResizableContainer as Vp } from "./components/New/ResizableContainer/ConditionalResizableContainer.js";
180
- import { NoDataContent as Wp } from "./components/New/NoDataContent/NoDataContent.js";
181
- import { TransferQueue as Qp } from "./components/New/TransferQueue/TransferQueue.js";
182
- import { DEFAULT_TRANSFER_QUEUE_LABELS as Zp, TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS as Jp } from "./components/New/TransferQueue/constants.js";
183
- import { TransferQueueItemStatus as jp } from "./types/transfer-queue.js";
184
- import { GRID_SELECTION_COLUMN_ID as $p, Grid as om } from "./components/New/Grid/Grid.js";
185
- import { GridColorScheme as em } from "./types/grid.js";
186
- import { DateCellRenderer as am } from "./components/New/Grid/renderers/DateCellRenderer.js";
187
- import { DEFAULT_DATE_FORMAT_OPTIONS as pm, DEFAULT_LOCALE as mm } from "./components/New/Grid/renderers/constants.js";
188
- import { GRID_ALIGN_RIGHT_CLASS as fm, GRID_ROOT_CLASS as lm, ROW_HEIGHT as xm, GRID_THEME_PARAMS as Dm } from "./components/New/Grid/constants.js";
189
- import { DIAL_KIT_ICON_STROKE as cm } from "./components/New/constants/icon.js";
190
- import { convertToDate as sm, convertToDate as Sm } from "./utils/grid-date.js";
191
- import { baseColumnComparator as Im, checkColDefsChanges as Am } from "./utils/grid-comparators.js";
192
- import { DEFAULT_ANALYTICS_BAR_COLOR_MAP as _m } from "./components/Analytics/Bar/utils.js";
193
- import { DialAnalyticsBar as Lm } from "./components/Analytics/Bar/Bar.js";
194
- import { DialAnalyticsBarGroup as gm } from "./components/Analytics/BarGroup/BarGroup.js";
195
- import { DialAnalyticsCard as Rm } from "./components/Analytics/Card/Card.js";
196
- import { DialAnalyticsErrorTag as Fm } from "./components/Analytics/ErrorTag/ErrorTag.js";
197
- import { DialAnalyticsHistogram as Mm } from "./components/Analytics/Histogram/Histogram.js";
198
- import { JsonSchemaType as hm, SchemaDisplayMode as ym, SchemaOrientation as Gm, SchemaRendererVariant as Um } from "./types/json-schema.js";
158
+ import { AvatarColor as $i, AvatarShape as op } from "./types/avatar.js";
159
+ import { AVATAR_PALETTE as ep, extractInitials as tp } from "./utils/avatar.js";
160
+ import { EntityIdentity as ip } from "./components/New/EntityIdentity/EntityIdentity.js";
161
+ import { EntityType as mp } from "./types/entity-type.js";
162
+ import { SideDrawer as fp } from "./components/New/SideDrawer/SideDrawer.js";
163
+ import { Tag as xp } from "./components/New/Tag/Tag.js";
164
+ import { TagAppearance as Tp } from "./types/tag.js";
165
+ import { TagInput as up } from "./components/New/TagInput/TagInput.js";
166
+ import { AutocompleteTagInput as Sp } from "./components/New/AutocompleteTagInput/AutocompleteTagInput.js";
167
+ import { Search as Ip } from "./components/New/Search/Search.js";
168
+ import { matchesAccept as Ep } from "./utils/file-accept.js";
169
+ import { Slider as Cp } from "./components/New/Slider/Slider.js";
170
+ import { Tooltip as Bp } from "./components/New/Tooltip/Tooltip.js";
171
+ import { TooltipContainer as Np } from "./components/New/Tooltip/TooltipContainer.js";
172
+ import { TooltipContent as Op } from "./components/New/Tooltip/TooltipContent.js";
173
+ import { TooltipTrigger as Pp } from "./components/New/Tooltip/TooltipTrigger.js";
174
+ import { InteractiveTooltipTrigger as bp, TooltipPlacement as hp } from "./types/tooltip.js";
175
+ import { InteractiveTooltip as Gp } from "./components/New/InteractiveTooltip/InteractiveTooltip.js";
176
+ import { EllipsisTooltip as wp } from "./components/New/EllipsisTooltip/EllipsisTooltip.js";
177
+ import { CollapsibleSidebar as kp } from "./components/New/CollapsibleSidebar/CollapsibleSidebar.js";
178
+ import { ResizableContainer as Vp } from "./components/New/ResizableContainer/ResizableContainer.js";
179
+ import { ConditionalResizableContainer as Wp } from "./components/New/ResizableContainer/ConditionalResizableContainer.js";
180
+ import { NoDataContent as Qp } from "./components/New/NoDataContent/NoDataContent.js";
181
+ import { TransferQueue as Zp } from "./components/New/TransferQueue/TransferQueue.js";
182
+ import { DEFAULT_TRANSFER_QUEUE_LABELS as Xp, TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS as jp } from "./components/New/TransferQueue/constants.js";
183
+ import { TransferQueueItemStatus as $p } from "./types/transfer-queue.js";
184
+ import { GRID_SELECTION_COLUMN_ID as rm, Grid as em } from "./components/New/Grid/Grid.js";
185
+ import { GridColorScheme as am } from "./types/grid.js";
186
+ import { DateCellRenderer as pm } from "./components/New/Grid/renderers/DateCellRenderer.js";
187
+ import { DEFAULT_DATE_FORMAT_OPTIONS as nm, DEFAULT_LOCALE as fm } from "./components/New/Grid/renderers/constants.js";
188
+ import { GRID_ALIGN_RIGHT_CLASS as xm, GRID_ROOT_CLASS as Dm, ROW_HEIGHT as Tm, GRID_THEME_PARAMS as cm } from "./components/New/Grid/constants.js";
189
+ import { DIAL_KIT_ICON_STROKE as sm } from "./components/New/constants/icon.js";
190
+ import { convertToDate as dm, convertToDate as Im } from "./utils/grid-date.js";
191
+ import { baseColumnComparator as Em, checkColDefsChanges as _m } from "./utils/grid-comparators.js";
192
+ import { DEFAULT_ANALYTICS_BAR_COLOR_MAP as Lm } from "./components/Analytics/Bar/utils.js";
193
+ import { DialAnalyticsBar as gm } from "./components/Analytics/Bar/Bar.js";
194
+ import { DialAnalyticsBarGroup as Rm } from "./components/Analytics/BarGroup/BarGroup.js";
195
+ import { DialAnalyticsCard as Fm } from "./components/Analytics/Card/Card.js";
196
+ import { DialAnalyticsErrorTag as Mm } from "./components/Analytics/ErrorTag/ErrorTag.js";
197
+ import { DialAnalyticsHistogram as hm } from "./components/Analytics/Histogram/Histogram.js";
198
+ import { JsonSchemaType as Gm, SchemaDisplayMode as Um, SchemaOrientation as wm, SchemaRendererVariant as zm } from "./types/json-schema.js";
199
199
  export {
200
+ ep as AVATAR_PALETTE,
200
201
  li as Accordion,
201
202
  Di as AccordionCaretPosition,
202
203
  i as AnalyticsCardVariant,
203
- up as AutocompleteTagInput,
204
+ Sp as AutocompleteTagInput,
204
205
  ji as Avatar,
205
- $i as AvatarShape,
206
+ $i as AvatarColor,
207
+ op as AvatarShape,
206
208
  mt as BASE_ICON_PROPS,
207
209
  nt as BASE_ICON_SIZE,
208
210
  Qi as Badge,
@@ -222,28 +224,28 @@ export {
222
224
  _i as Checkbox,
223
225
  Li as CheckboxBox,
224
226
  Xa as CloseButton,
225
- wp as CollapsibleSidebar,
226
- Vp as ConditionalResizableContainer,
227
+ kp as CollapsibleSidebar,
228
+ Wp as ConditionalResizableContainer,
227
229
  qa as ConfirmationPopup,
228
230
  oe as ConfirmationPopupVariant,
229
- _m as DEFAULT_ANALYTICS_BAR_COLOR_MAP,
230
- pm as DEFAULT_DATE_FORMAT_OPTIONS,
231
- mm as DEFAULT_DATE_LOCALE,
231
+ Lm as DEFAULT_ANALYTICS_BAR_COLOR_MAP,
232
+ nm as DEFAULT_DATE_FORMAT_OPTIONS,
233
+ fm as DEFAULT_DATE_LOCALE,
232
234
  xo as DEFAULT_GRID_DATE_FORMAT_OPTIONS,
233
235
  Do as DEFAULT_GRID_DATE_LOCALE,
234
- Zp as DEFAULT_TRANSFER_QUEUE_LABELS,
236
+ Xp as DEFAULT_TRANSFER_QUEUE_LABELS,
235
237
  ft as DIAL_ICON_SIZE,
236
238
  st as DIAL_KIT_CLASS,
237
- cm as DIAL_KIT_ICON_STROKE,
239
+ sm as DIAL_KIT_ICON_STROKE,
238
240
  aa as DangerButton,
239
241
  Da as DangerIconButton,
240
- am as DateCellRenderer,
242
+ pm as DateCellRenderer,
241
243
  f as DialAccordion,
242
- Lm as DialAnalyticsBar,
243
- gm as DialAnalyticsBarGroup,
244
- Rm as DialAnalyticsCard,
245
- Fm as DialAnalyticsErrorTag,
246
- Mm as DialAnalyticsHistogram,
244
+ gm as DialAnalyticsBar,
245
+ Rm as DialAnalyticsBarGroup,
246
+ Fm as DialAnalyticsCard,
247
+ Mm as DialAnalyticsErrorTag,
248
+ hm as DialAnalyticsHistogram,
247
249
  Er as DialAutocompleteInputValue,
248
250
  so as DialBreadcrumb,
249
251
  Io as DialBreadcrumbItem,
@@ -332,9 +334,9 @@ export {
332
334
  ye as EDITABLE_CONTAINER_ATTRIBUTE,
333
335
  Kr as EditorThemes,
334
336
  ne as ElementSize,
335
- Gp as EllipsisTooltip,
336
- tp as EntityIdentity,
337
- ip as EntityType,
337
+ wp as EllipsisTooltip,
338
+ ip as EntityIdentity,
339
+ mp as EntityType,
338
340
  yt as ErrorMessageNotification,
339
341
  ni as ErrorText,
340
342
  Gt as ErrorToastNotification,
@@ -349,17 +351,17 @@ export {
349
351
  ki as FolderName,
350
352
  qt as FolderPath,
351
353
  ce as FormItemOrientation,
352
- fm as GRID_ALIGN_RIGHT_CLASS,
353
- lm as GRID_ROOT_CLASS,
354
- xm as GRID_ROW_HEIGHT,
355
- $p as GRID_SELECTION_COLUMN_ID,
356
- Dm as GRID_THEME_PARAMS,
354
+ xm as GRID_ALIGN_RIGHT_CLASS,
355
+ Dm as GRID_ROOT_CLASS,
356
+ Tm as GRID_ROW_HEIGHT,
357
+ rm as GRID_SELECTION_COLUMN_ID,
358
+ cm as GRID_THEME_PARAMS,
357
359
  Ut as GeneralMessageNotification,
358
360
  wt as GeneralToastNotification,
359
361
  ia as GhostButton,
360
362
  Ta as GhostIconButton,
361
- om as Grid,
362
- em as GridColorScheme,
363
+ em as Grid,
364
+ am as GridColorScheme,
363
365
  Je as GridSelectionMode,
364
366
  Pt as Highlight,
365
367
  Aa as IconButton,
@@ -369,9 +371,9 @@ export {
369
371
  Ra as InlineSelect,
370
372
  Oa as InlineSelectTrigger,
371
373
  Va as Input,
372
- hp as InteractiveTooltip,
373
- Pp as InteractiveTooltipTrigger,
374
- hm as JsonSchemaType,
374
+ Gp as InteractiveTooltip,
375
+ bp as InteractiveTooltipTrigger,
376
+ Gm as JsonSchemaType,
375
377
  Ua as Label,
376
378
  _t as LazyDialJsonEditor,
377
379
  Lt as LazyDialMarkdownEditor,
@@ -389,7 +391,7 @@ export {
389
391
  ct as NOT_ALLOWED_SYMBOLS_REGEXP,
390
392
  ma as NeutralButton,
391
393
  ca as NeutralIconButton,
392
- Wp as NoDataContent,
394
+ Qp as NoDataContent,
393
395
  Ot as Notification,
394
396
  gt as NotificationType,
395
397
  Nt as NotificationVariant,
@@ -405,26 +407,26 @@ export {
405
407
  di as RadioGroup,
406
408
  Xr as RadioGroupOrientation,
407
409
  Ai as RadioGroupPopupField,
408
- kp as ResizableContainer,
410
+ Vp as ResizableContainer,
409
411
  Ne as ResizableContainerSide,
410
412
  at as SIZE_COLUMN,
411
- ym as SchemaDisplayMode,
412
- Gm as SchemaOrientation,
413
+ Um as SchemaDisplayMode,
414
+ wm as SchemaOrientation,
413
415
  At as SchemaRenderer,
414
- Um as SchemaRendererVariant,
416
+ zm as SchemaRendererVariant,
415
417
  le as ScreenResolution,
416
- Sp as Search,
418
+ Ip as Search,
417
419
  Ri as SegmentedControl,
418
420
  Pa as Select,
419
421
  se as SelectSize,
420
422
  Se as SelectVariant,
421
423
  Vi as SharedEntityIndicator,
422
- mp as SideDrawer,
424
+ fp as SideDrawer,
423
425
  io as Skeleton,
424
426
  Oe as SkeletonAvatarShape,
425
427
  Fe as SkeletonAvatarSize,
426
428
  Pe as SkeletonVariant,
427
- Ep as Slider,
429
+ Cp as Slider,
428
430
  S as Spinner,
429
431
  la as StarterButton,
430
432
  sa as StaticIconButton,
@@ -432,35 +434,35 @@ export {
432
434
  Ht as SuccessMessageNotification,
433
435
  Wt as SuccessToastNotification,
434
436
  ci as Switch,
435
- Jp as TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS,
437
+ jp as TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS,
436
438
  xe as TabOrientation,
437
439
  De as TabView,
438
440
  Fi as Tabs,
439
- fp as Tag,
440
- xp as TagAppearance,
441
- Tp as TagInput,
441
+ xp as Tag,
442
+ Tp as TagAppearance,
443
+ up as TagInput,
442
444
  za as Textarea,
443
445
  ka as TextareaResize,
444
446
  ei as ThemeScope,
445
447
  gi as ToggleIconButton,
446
- Cp as Tooltip,
447
- Bp as TooltipContainer,
448
- Np as TooltipContent,
449
- Mp as TooltipPlacement,
450
- Op as TooltipTrigger,
451
- Qp as TransferQueue,
452
- jp as TransferQueueItemStatus,
448
+ Bp as Tooltip,
449
+ Np as TooltipContainer,
450
+ Op as TooltipContent,
451
+ hp as TooltipPlacement,
452
+ Pp as TooltipTrigger,
453
+ Zp as TransferQueue,
454
+ $p as TransferQueueItemStatus,
453
455
  it as UPDATED_AT_COLUMN,
454
456
  Kt as WarningMessageNotification,
455
457
  Qt as WarningToastNotification,
456
- Im as baseColumnComparator,
457
- Am as checkColDefsChanges,
458
- sm as convertGridDateToDate,
459
- Sm as convertToDate,
458
+ Em as baseColumnComparator,
459
+ _m as checkColDefsChanges,
460
+ dm as convertGridDateToDate,
461
+ Im as convertToDate,
460
462
  Ge as editableContainerProps,
461
- rp as extractInitials,
463
+ tp as extractInitials,
462
464
  rt as getTimezoneLabel,
463
- Ip as matchesAccept,
465
+ Ep as matchesAccept,
464
466
  je as mergeClasses,
465
467
  be as useDialFileManagerTabs,
466
468
  Ue as useEditableItem,
package/dist/editors.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lazy-DMVYJhUR.cjs"),r=()=>Promise.resolve().then(()=>require("./MarkdownEditorContainer-96cKYmYd.cjs"));exports.EditorThemes=o.EditorThemes;exports.LazyDialJsonEditor=o.LazyDialJsonEditor;exports.LazyDialMarkdownEditor=o.LazyDialMarkdownEditor;exports.LazyMarkdownEditor=o.LazyMarkdownEditor;exports.LazyDialMarkdownEditorContainer=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lazy-_W6FYhKg.cjs"),r=()=>Promise.resolve().then(()=>require("./MarkdownEditorContainer-B5aHwoYF.cjs"));exports.EditorThemes=o.EditorThemes;exports.LazyDialJsonEditor=o.LazyDialJsonEditor;exports.LazyDialMarkdownEditor=o.LazyDialMarkdownEditor;exports.LazyMarkdownEditor=o.LazyMarkdownEditor;exports.LazyDialMarkdownEditorContainer=r;
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- .dial-display1-text{font-size:32px;line-height:48px;font-weight:600}.dial-display2-text{font-size:28px;line-height:40px;font-weight:600}.dial-display3-text{font-size:22px;line-height:32px;font-weight:600}.dial-h1-text{font-size:20px;line-height:28px;font-weight:600}.dial-h2-text{font-size:18px;line-height:26px;font-weight:600}.dial-h3-text{font-weight:600}.dial-body-text,.dial-h3-text{font-size:16px;line-height:24px}.dial-body-text{font-weight:400}.dial-body-semi-text{font-size:16px;line-height:24px;font-weight:600}.dial-body-paragraph-text{font-size:16px;line-height:26px;font-weight:400}.dial-body-paragraph-semi-text{font-size:16px;line-height:26px;font-weight:600}.dial-small-text{font-size:14px;line-height:20px;font-weight:400}.dial-small-semi-text{font-size:14px;line-height:20px;font-weight:600}.dial-small-paragraph-text{font-size:14px;line-height:24px;font-weight:400}.dial-small-paragraph-semi-text{font-size:14px;line-height:24px;font-weight:600}.dial-tiny-lead-text,.dial-tiny-text{font-size:12px;line-height:16px;font-weight:400}.dial-tiny-lead-text{text-transform:uppercase;letter-spacing:.03em}.dial-tiny-lead-semi-text,.dial-tiny-semi-text{font-size:12px;line-height:16px;font-weight:600}.dial-tiny-lead-semi-text{text-transform:uppercase;letter-spacing:.03em}.dial-caption-text{font-size:10px;line-height:12px;font-weight:400}.dial-caption-lead-semi-text{font-size:10px;line-height:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.dial-code-text{font-family:var(--theme-font-mono,var(--font-fira-code,"Fira Code")),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:20px;font-weight:400}.dial-italic-text{font-size:18px;line-height:22px}.dial-italic-text,.dial-small-italic-text{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-weight:400;font-style:italic}.dial-small-italic-text{font-size:14px;line-height:20px}.dial-tiny-italic-text{font-size:12px;line-height:16px}.dial-caption-italic-text,.dial-tiny-italic-text{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-weight:400;font-style:italic}.dial-caption-italic-text{font-size:10px;line-height:12px}h1{font-size:20px;line-height:28px}h1,h2{font-weight:600}h2{font-size:18px;line-height:26px}h3{font-size:16px;line-height:24px;font-weight:600}@media (hover:hover){.dial-base-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-kit-base-button{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-base-button:disabled{cursor:not-allowed}.dial-kit-base-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-base-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-solid-button-disable{border-color:transparent;background-color:var(--bg-control-disable-primary,#dce0e8);background-image:none;color:var(--text-control-disable-primary,#848e9c);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dial-kit-enhanced-target{position:relative;&:after{content:"";position:absolute;left:50%;top:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));height:100%;min-height:44px;width:100%;min-width:44px}}.dial-kit-minimum-target{position:relative;&:after{content:"";position:absolute;left:50%;top:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));height:100%;min-height:24px;width:100%;min-width:24px}}.dial-kit-control-shadow{box-shadow:0 2px 12px 0 var(--shadow-xs-1,#2764d933),0 2px 6px 0 var(--shadow-xs-2,#161b2d08)}.dial-kit-primary-solid-button{background-image:linear-gradient(99.78deg,var(--bg-gradient-1,#1d4ed8) 8.59%,var(--bg-gradient-2,#885df2) 98.14%);color:var(--text-control-permanent,#fcfcfc);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-primary-solid-button:disabled{cursor:not-allowed}.dial-kit-primary-solid-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-primary-solid-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-primary-solid-button{box-shadow:0 2px 12px 0 var(--shadow-xs-1,#2764d933),0 2px 6px 0 var(--shadow-xs-2,#161b2d08);@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-image:linear-gradient(99.78deg,var(--bg-gradient-1-hover,#6785fb) 8.59%,var(--bg-gradient-2-hover,#885df2) 98.14%);--tw-shadow:0 8px 24px 0 var(--shadow-md,#2764d90f);--tw-shadow-colored:0 8px 24px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}&:active:not(:disabled):not([aria-disabled=true]){background-image:linear-gradient(99.78deg,var(--bg-gradient-1-active,#1d4ed8) 8.59%,var(--bg-gradient-2-active,#7c3aed) 98.14%);--tw-shadow:0 1px 4px 0 var(--shadow-xs-1,#2764d933),0 1px 2px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 1px 4px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.dial-kit-neutral-solid-button{background-color:var(--bg-control-accent-alpha,#2764d90f);color:var(--text-accent,#1d4ed8);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-neutral-solid-button:disabled{cursor:not-allowed}.dial-kit-neutral-solid-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-neutral-solid-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-neutral-solid-button{border-color:var(--stroke-accent-alpha,#2764d933);@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-accent-alpha-hover,#2764d924)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-accent-alpha-active,#2764d933)}}.dial-kit-danger-solid-button{background-color:var(--bg-control-error,#ae2f2f);color:var(--text-control-permanent,#fcfcfc);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-danger-solid-button:disabled{cursor:not-allowed}.dial-kit-danger-solid-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-danger-solid-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-danger-solid-button{@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-error-hover,#bf3939)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-error-active,#cc4545)}}.dial-kit-static-solid-button{background-color:transparent;color:var(--text-secondary,#57647a);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-static-solid-button:disabled{cursor:not-allowed}.dial-kit-static-solid-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-static-solid-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-static-solid-button{@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-hover-muted,#e0e6f0)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-active,#d1dbea)}}.dial-kit-neutral-outlined-button{background-color:transparent;color:var(--text-secondary,#57647a);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-neutral-outlined-button:disabled{cursor:not-allowed}.dial-kit-neutral-outlined-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-neutral-outlined-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-neutral-outlined-button{border-color:var(--stroke-default,#b2c2dd)}.dial-kit-neutral-outlined-button:focus-visible{outline-offset:1px}.dial-kit-neutral-outlined-button{@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-hover-muted,#e0e6f0)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-active,#d1dbea)}}.dial-kit-danger-outlined-button{background-color:transparent;color:var(--text-error,#ae2f2f);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-danger-outlined-button:disabled{cursor:not-allowed}.dial-kit-danger-outlined-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-danger-outlined-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-danger-outlined-button{border-color:var(--stroke-error,#ae2f2f);@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-error-alpha-hover,#f7646426)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-error-alpha-active,#f7646433)}}.dial-kit-starter-outlined-button{background-color:var(--bg-control-neutral,#fcfcfc);color:var(--text-secondary,#57647a);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-starter-outlined-button:disabled{cursor:not-allowed}.dial-kit-starter-outlined-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-starter-outlined-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-starter-outlined-button{border-color:var(--stroke-default,#b2c2dd);& svg{color:var(--text-accent,#1d4ed8);stroke:var(--dial-kit-starter-icon-stroke,currentColor)}@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-hover-muted,#e0e6f0)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-active,#d1dbea)}&:disabled svg,&[aria-disabled=true] svg{color:var(--text-control-disable-primary,#848e9c);stroke:currentColor}}.dial-kit-danger-outlined-button:disabled,.dial-kit-danger-outlined-button[aria-disabled=true],.dial-kit-danger-solid-button:disabled,.dial-kit-danger-solid-button[aria-disabled=true],.dial-kit-fab-button:disabled,.dial-kit-fab-button[aria-disabled=true],.dial-kit-neutral-outlined-button:disabled,.dial-kit-neutral-outlined-button[aria-disabled=true],.dial-kit-neutral-solid-button:disabled,.dial-kit-neutral-solid-button[aria-disabled=true],.dial-kit-primary-solid-button:disabled,.dial-kit-primary-solid-button[aria-disabled=true],.dial-kit-starter-outlined-button:disabled,.dial-kit-starter-outlined-button[aria-disabled=true],.dial-kit-static-solid-button:disabled,.dial-kit-static-solid-button[aria-disabled=true]{border-color:transparent;background-color:var(--bg-control-disable-primary,#dce0e8);background-image:none;color:var(--text-control-disable-primary,#848e9c);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dial-kit-primary-ghost-button{background-color:transparent;color:var(--text-accent,#1d4ed8);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-primary-ghost-button:disabled{cursor:not-allowed}.dial-kit-primary-ghost-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-primary-ghost-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-primary-ghost-button{&.dial-kit-base-icon-button{color:var(--text-secondary,#57647a)}&.dial-kit-base-icon-button{@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){color:var(--text-accent,#1d4ed8)}}&:disabled,&[aria-disabled=true]{color:var(--text-control-disable-primary,#848e9c)!important}}@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-accent-alpha-hover,#2764d924)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-accent-alpha-active,#2764d933)}}.dial-kit-danger-ghost-button{background-color:transparent;color:var(--text-error,#ae2f2f);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-danger-ghost-button:disabled{cursor:not-allowed}.dial-kit-danger-ghost-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-danger-ghost-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-danger-ghost-button{@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-error-alpha-hover,#f7646426)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-error-alpha-active,#f7646433)}&.dial-kit-base-icon-button{&:disabled,&[aria-disabled=true]{color:var(--text-control-disable-primary,#848e9c)!important}}}.dial-kit-danger-ghost-button:disabled,.dial-kit-danger-ghost-button[aria-disabled=true],.dial-kit-primary-ghost-button:disabled,.dial-kit-primary-ghost-button[aria-disabled=true]{background-color:transparent;color:var(--text-control-disable-primary,#848e9c)}.dial-kit-primary-link-button{background-color:transparent;color:var(--text-accent,#1d4ed8);text-decoration-line:none;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-primary-link-button:disabled{cursor:not-allowed}.dial-kit-primary-link-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-primary-link-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-primary-link-button{@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){color:var(--text-control-accent-hover,#5976e9)}}&:active:not(:disabled):not([aria-disabled=true]){color:var(--text-control-accent-active,#6785fb)}&:disabled,&[aria-disabled=true]{color:var(--text-control-disable-primary,#848e9c)}}.dial-kit-fab-button{display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--bg-control-neutral,#fcfcfc);color:var(--text-primary,#161b2d);box-shadow:0 2px 12px 0 var(--shadow-xs-1,#2764d933),0 2px 6px 0 var(--shadow-xs-2,#161b2d08);@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-hover-muted,#e0e6f0)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-active,#d1dbea)}&:focus-visible{outline-style:solid}&:focus-visible{outline-width:1px}&:focus-visible{outline-offset:0}&:focus-visible{outline-color:var(--stroke-focus,#161b2d)}}.dial-base-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:4px;border:1px solid transparent}.dial-button-disable{cursor:not-allowed}.dial-button-solid-disable{background-color:var(--controls-bg-disable-accent,#7c8293);color:var(--controls-text-accent-disable,#d1dbea);cursor:not-allowed}.dial-button-outlined-disable{border-color:transparent;background-color:var(--controls-bg-disable,#d1dbea);color:var(--controls-text-primary-disable,#696e7c);cursor:not-allowed}.dial-primary-solid-button{background-color:var(--controls-bg-accent-primary,#124ace);color:var(--controls-text-permanent,#fcfcfc)}@media (hover:hover){.dial-primary-solid-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-primary-solid-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:4px;border:1px solid transparent;@media (hover:hover){&:hover{background-color:var(--controls-bg-accent-primary-hover,#2656d9)}}&:active{background-color:var(--controls-bg-accent-primary-active,#3664e2)}}.dial-primary-ghost-button{color:var(--text-accent-primary,#7da4ff);&.dial-icon-button{color:var(--text-secondary,#57647a)}&.dial-icon-button{@media (hover:hover){&:hover:enabled{color:var(--text-accent-primary,#7da4ff)}}}@media (hover:hover){&:hover{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}}&:active{background-color:var(--controls-bg-accent-primary-alpha-active,#7da4ff5c)}}.dial-primary-link-button{background-color:transparent;padding-left:.5rem;padding-right:.5rem;color:var(--text-accent-primary,#7da4ff)}@media (hover:hover){.dial-primary-link-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-primary-link-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:4px;border:1px solid transparent;@media (hover:hover){&:hover{color:var(--controls-text-accent-primary-hover,#3664e2)}}&:active{color:var(--controls-text-accent-primary-active,#7da4ff)}&:disabled{color:var(--controls-text-secondary-disable,#9fa6bd);cursor:not-allowed}}.dial-neutral-outlined-button{background-color:transparent;color:var(--controls-text-neutral,#161b2d)}@media (hover:hover){.dial-neutral-outlined-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-neutral-outlined-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:4px;border:1px solid transparent;border-color:var(--stroke-default,#b2c2dd);@media (hover:hover){&:hover{background-color:var(--controls-bg-neutral-hover,#d1dbea)}}&:active{background-color:var(--controls-bg-neutral-active,#9fa6bd)}&:active,&:disabled{border-color:transparent}&:disabled{background-color:var(--controls-bg-disable,#d1dbea);color:var(--controls-text-primary-disable,#696e7c);cursor:not-allowed}}.dial-danger-solid-button{background-color:var(--controls-bg-error,#ae2f2f);color:var(--controls-text-permanent,#fcfcfc)}@media (hover:hover){.dial-danger-solid-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-danger-solid-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:4px;border:1px solid transparent;@media (hover:hover){&:hover{background-color:var(--controls-bg-error-hover,#bf3939)}}&:active{background-color:var(--controls-bg-error-active,#cc4545)}}.dial-danger-ghost-button{color:var(--text-error,#ae2f2f);@media (hover:hover){&:hover{background-color:var(--bg-error,#f3d6d8)}}&:active{background-color:var(--controls-bg-error-alpha-active,#f764645c)}}.dial-danger-outlined-button{color:var(--text-error,#ae2f2f)}@media (hover:hover){.dial-danger-outlined-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-danger-outlined-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:4px;border:1px solid transparent;border-color:var(--stroke-error,#ae2f2f);@media (hover:hover){&:hover{background-color:var(--bg-error,#f3d6d8)}}&:active{background-color:var(--controls-bg-error-alpha-active,#f764645c);color:var(--text-error,#ae2f2f)}&:disabled{border-color:transparent;background-color:var(--controls-bg-disable,#d1dbea);color:var(--controls-text-primary-disable,#696e7c);cursor:not-allowed}}.dial-success-ghost-button{color:var(--text-accent-secondary,#37babc);@media (hover:hover){&:hover{background-color:var(--controls-bg-accent-success-alpha-hover,#37babc2e)}}&:active{background-color:var(--controls-bg-accent-success-alpha-active,#37babc5c)}}.dial-secondary-ghost-button{color:var(--text-secondary,#57647a);@media (hover:hover){&:hover{background-color:var(--bg-accent-secondary-alpha,#37babc2e);color:var(--text-accent-secondary,#37babc)}}&:active{background-color:var(--controls-bg-accent-secondary-alpha-active,#37babc5c);color:var(--text-accent-secondary,#37babc)}}.dial-tertiary-ghost-button{color:var(--text-secondary,#57647a);@media (hover:hover){&:hover{background-color:var(--bg-accent-tertiary-alpha,#a972ff2e);color:var(--text-accent-tertiary,#a972ff)}}&:active{background-color:var(--controls-bg-accent-tertiary-alpha-active,#a972ff5c);color:var(--text-accent-tertiary,#a972ff)}}.dial-danger-ghost-button,.dial-primary-ghost-button,.dial-secondary-ghost-button,.dial-success-ghost-button,.dial-tertiary-ghost-button{background-color:transparent}@media (hover:hover){.dial-danger-ghost-button:focus-visible,.dial-primary-ghost-button:focus-visible,.dial-secondary-ghost-button:focus-visible,.dial-success-ghost-button:focus-visible,.dial-tertiary-ghost-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-danger-ghost-button,.dial-primary-ghost-button,.dial-secondary-ghost-button,.dial-success-ghost-button,.dial-tertiary-ghost-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:4px;border:1px solid transparent}.dial-danger-ghost-button:disabled,.dial-primary-ghost-button:disabled,.dial-secondary-ghost-button:disabled,.dial-success-ghost-button:disabled,.dial-tertiary-ghost-button:disabled{background-color:transparent;color:var(--controls-text-secondary-disable,#9fa6bd);cursor:not-allowed}.dial-danger-solid-button:disabled,.dial-primary-solid-button:disabled{background-color:var(--controls-bg-disable-accent,#7c8293);color:var(--controls-text-accent-disable,#d1dbea);cursor:not-allowed}.dial-neutral-rounded-button{background-color:transparent;color:var(--controls-text-neutral,#161b2d)}@media (hover:hover){.dial-neutral-rounded-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-neutral-rounded-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border:1px solid transparent;border-radius:9999px;border-color:var(--stroke-default,#b2c2dd);@media (hover:hover){&:hover{background-color:var(--controls-bg-neutral-hover,#d1dbea)}}&:active{border-color:transparent;background-color:var(--controls-bg-neutral-active,#9fa6bd)}&.selected{border-color:var(--stroke-accent-primary,#124ace);background-color:var(--bg-accent-primary-alpha,#7da4ff26)}&:disabled{border-color:transparent;background-color:var(--controls-bg-disable,#d1dbea);color:var(--controls-text-primary-disable,#696e7c);cursor:not-allowed}}.dial-kit-base-button-small{border-radius:var(--radius-control-small,9999px)}.dial-kit-base-icon-button{border-radius:var(--radius-control-icon,9999px)}.dial-kit-input{height:40px;border-radius:.5rem;border-width:1px;border-color:var(--stroke-secondary,#d1dbea);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--bg-layer-raised,#fcfcfc);font-size:14px;line-height:24px;font-weight:400;width:100%;&:not(:disabled):hover{border-color:var(--stroke-accent-alpha,#2764d933)}&:active:not(:has(>input:disabled)),&:focus-within{outline-style:solid}&:active:not(:has(>input:disabled)),&:focus-within{outline-width:1px}&:active:not(:has(>input:disabled)),&:focus-within{outline-offset:0}&:active:not(:has(>input:disabled)),&:focus-within{outline-color:var(--stroke-accent-focus,#6785fb)}&:not(:-moz-placeholder){color:var(--text-primary,#161b2d)}&:not(:placeholder-shown){color:var(--text-primary,#161b2d)}&:disabled:not(:-moz-placeholder){cursor:not-allowed}&:disabled,&:disabled:not(:placeholder-shown){cursor:not-allowed}&:disabled:not(:-moz-placeholder){background-color:var(--bg-layer-sunken,#eef1f7)}&:disabled,&:disabled:not(:placeholder-shown){background-color:var(--bg-layer-sunken,#eef1f7)}&:disabled:not(:-moz-placeholder){color:var(--text-control-disable-primary,#848e9c)}&:disabled,&:disabled:not(:placeholder-shown){color:var(--text-control-disable-primary,#848e9c)}&:disabled{&:not(:placeholder-shown)::-moz-placeholder{color:var(--controls-text-secondary-disable,#575f73)}&:not(:-moz-placeholder)::placeholder{color:var(--controls-text-secondary-disable,#575f73)}&:not(:placeholder-shown)::placeholder{color:var(--controls-text-secondary-disable,#575f73)}}}.dial-kit-input-small{height:24px;font-size:12px;line-height:16px;font-weight:400}.dial-kit-input-large{height:48px;font-size:16px;line-height:26px;font-weight:400}.dial-kit-input-borderless{border-color:transparent;background-color:transparent;&:not(:disabled):hover{border-color:transparent}}.dial-kit-input-disable:not(:-moz-placeholder){cursor:not-allowed;background-color:var(--bg-layer-sunken,#eef1f7);color:var(--text-control-disable-primary,#848e9c)}.dial-kit-input-disable,.dial-kit-input-disable:not(:placeholder-shown){cursor:not-allowed;background-color:var(--bg-layer-sunken,#eef1f7);color:var(--text-control-disable-primary,#848e9c)}.dial-kit-input-error{border-color:var(--stroke-error,#ae2f2f);&:not(:disabled):hover{border-color:var(--stroke-error,#ae2f2f)}&:active:not(:has(>input:disabled)),&:focus-within{outline-color:var(--stroke-error-alpha,#ae2f2f73)}}.dial-input{height:40px;border-radius:4px;border-width:1px;border-style:solid;border-color:var(--stroke-primary,#57647a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;font-size:14px;line-height:20px;font-weight:400;width:100%;outline-width:0;&:not(:disabled):hover{border-color:var(--stroke-accent-primary,#124ace)}&:not(:disabled):active,&:not(:disabled):focus,&:not(:disabled):focus-within{border-color:var(--stroke-focus,#161b2d)}&:not(:-moz-placeholder){color:var(--text-primary,#161b2d)}&:not(:placeholder-shown){color:var(--text-primary,#161b2d)}&:disabled:not(:-moz-placeholder){cursor:not-allowed}&:disabled,&:disabled:not(:placeholder-shown){cursor:not-allowed}&:disabled:not(:-moz-placeholder){border-color:transparent}&:disabled,&:disabled:not(:placeholder-shown){border-color:transparent}&:disabled:not(:-moz-placeholder){background-color:var(--controls-bg-disable,#d1dbea)}&:disabled,&:disabled:not(:placeholder-shown){background-color:var(--controls-bg-disable,#d1dbea)}&:disabled:not(:-moz-placeholder){color:var(--controls-text-primary-disable,#696e7c)}&:disabled,&:disabled:not(:placeholder-shown){color:var(--controls-text-primary-disable,#696e7c)}&:disabled{&:not(:placeholder-shown)::-moz-placeholder{color:var(--controls-text-secondary-disable,#575f73)}&:not(:-moz-placeholder)::placeholder{color:var(--controls-text-secondary-disable,#575f73)}&:not(:placeholder-shown)::placeholder{color:var(--controls-text-secondary-disable,#575f73)}}}.dial-input-disable:not(:-moz-placeholder){cursor:not-allowed;border-color:transparent;background-color:var(--controls-bg-disable,#d1dbea);color:var(--controls-text-primary-disable,#696e7c)}.dial-input-disable,.dial-input-disable:not(:placeholder-shown){cursor:not-allowed;border-color:transparent;background-color:var(--controls-bg-disable,#d1dbea);color:var(--controls-text-primary-disable,#696e7c)}.dial-input-error{border-color:var(--stroke-error,#ae2f2f)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}&:focus{outline:none}}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dial-textarea{min-height:120px;overflow:auto;white-space:normal;&:focus{outline:2px solid transparent;outline-offset:2px}&::selection{background-color:var(--controls-bg-accent-primary,#124ace)}&::-moz-selection{background-color:var(--controls-bg-accent-primary,#124ace)}}.dial-kit-textarea{min-height:120px;overflow:auto;white-space:normal}.dial-input-radio{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;padding:0;height:18px;width:18px;border-color:var(--stroke-hover,#eef1f7);background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:currentColor;font:inherit;&:checked{border-color:var(--stroke-accent-primary,#124ace)}&:checked{&:after{height:10px;width:10px;background-color:var(--bg-accent-primary,#5c8dea);content:"";border-radius:18px}}&:not(:disabled):focus,&:not(:disabled):hover{border-width:1px;border-color:var(--stroke-accent-primary,#124ace);background-color:transparent}&:disabled{pointer-events:none;border-color:var(--stroke-primary,#57647a)}&:disabled{&:after{background-color:var(--controls-bg-disable,#d1dbea)}}}div .dial-sm-popup{max-width:100%}@media (min-width:768px){div .dial-sm-popup{max-width:400px}}div .dial-md-popup{max-width:100%}@media (min-width:768px){div .dial-md-popup{max-width:800px}}div .dial-lg-popup{max-width:100%}@media (min-width:768px){div .dial-lg-popup{max-width:1200px}}div .dial-popup{position:relative;display:flex;max-height:100%;width:100%;flex-direction:column;border-radius:4px;background-color:var(--bg-layer-3,#fcfcfc);--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){div .dial-popup{height:auto}}div .dial-danger-popup{border-top-width:4px;border-color:var(--stroke-error,#ae2f2f)}.ag-root-wrapper{.ag-root-wrapper-body{height:auto}.ag-filter-wrapper{.ag-input-field-input.ag-text-field-input{padding-left:1.25rem}}overflow-x:auto;.ag-header{.ag-header-cell.align-right{.ag-header-cell-label{justify-content:flex-end}}.ag-header-cell{.header-checkbox-container{display:flex;height:100%;width:100%;align-items:center;justify-content:center}}.ag-header-viewport,.ag-pinned-left-header{.ag-floating-filter{input{margin:0;padding:0;padding-left:.5rem;padding-right:.5rem;height:24px!important}}}.ag-column-last:after{border-width:0}}.ag-cell{display:flex;align-items:center}.ag-cell{&.ag-cell-focus,&.ag-grid-no-border{border-width:0}&.align-right{justify-content:flex-end}}.ag-error-row{background-color:var(--bg-error,#f3d6d8)}.ag-error-row{#editable-cell-renderer{border-color:var(--stroke-error,#ae2f2f)}&.ag-error-border{border-width:1px;border-color:var(--stroke-error,#ae2f2f);cursor:pointer}&.ag-row-hover:not(.ag-full-width-row):before{background-color:transparent}}.ag-new-row{background-color:var(--bg-success,#d9f0f1)}.ag-new-row{&.ag-new-border{border-width:1px;border-color:var(--stroke-accent-secondary,#007274);cursor:pointer}&.ag-row-hover:not(.ag-full-width-row):before{background-color:transparent}}.ag-changed-row{background-color:var(--bg-info,#d6e2f9)}.ag-changed-row{&.ag-changed-border{border-width:1px;border-color:var(--stroke-accent-primary,#124ace);cursor:pointer}&.ag-row-hover:not(.ag-full-width-row):before{background-color:transparent}}.ag-empty-row{&.ag-row-hover:not(.ag-full-width-row):before{background-color:transparent}}.ag-row-selected{&.ag-row-hover:not(.ag-full-width-row):before{background-color:transparent}}}.with-selection-column{.ag-header-row .dial-row-not-select-header,.ag-header-row .dial-row-select,.ag-row .dial-row-select{opacity:0;transition:opacity .12s ease}.ag-header-active.dial-row-select,.ag-header-row .dial-row-select-visible,.ag-header-row .dial-row-select:has(.ag-checkbox-input-wrapper.ag-checked),.ag-header-row .dial-row-select:has(.ag-checkbox-input-wrapper.ag-indeterminate),.ag-row .dial-row-select-visible,.ag-row-hover .dial-row-select,.ag-row-selected .dial-row-select{opacity:1}.header-checkbox-container .dial-header-select.unchecked:not(.dial-header-select-visible){opacity:0;transition:opacity .12s ease}.ag-header-cell:hover .header-checkbox-container .dial-header-select.unchecked,.header-checkbox-container .dial-header-select-visible,.header-checkbox-container .dial-header-select.checked,.header-checkbox-container .dial-header-select.indeterminate{opacity:1}}.dial-without-header-borders{.ag-header{.ag-header-cell{&:after{border-right-width:0}}}}.ag-layout-auto-height{.ag-center-cols-container,.ag-center-cols-viewport{min-height:0}}.ag-grid-no-checkbox{.ag-selection-checkbox{display:none}}:where(.ag-theme-checkboxStyle-5){.ag-indeterminate{border-color:var(--controls-bg-accent,#5c8dea)!important}.ag-checkbox-input-wrapper{height:18px;width:18px;border-radius:2px!important;border-width:1px!important;border-style:solid!important;background-color:transparent;--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.ag-checkbox-input-wrapper{&.ag-checked:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-check'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-check'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat;border-color:var(--controls-bg-accent,#5c8dea)}&.ag-checked:after,&.ag-indeterminate:after{background-color:var(--bg-accent-primary,#5c8dea)}&.ag-indeterminate:after{border-color:var(--controls-bg-accent,#5c8dea)!important;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-minus'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-minus'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat}}}.dial-kit-grid{.ag-root-wrapper{overflow-x:auto}.ag-root-wrapper{.ag-root-wrapper-body{height:auto}}.ag-cell{display:flex;align-items:center}.ag-cell{&.ag-cell-focus{border-width:0}}.ag-row-hover,.ag-row-selected{--dial-kit-grid-row-outline:var(--shadow-xs-1,#2764d933);box-shadow:inset 0 1px 0 0 var(--dial-kit-grid-row-outline),inset 0 -1px 0 0 var(--dial-kit-grid-row-outline)}.ag-header{border-bottom-width:1px;border-style:solid;border-color:var(--stroke-tertiary,#e0e6f0)}.ag-header{.ag-column-last:after,.ag-header-cell[col-id=dial-kit-grid-selection]:after{border-width:0}.ag-header-cell-text{font-size:10px;line-height:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.ag-header-viewport,.ag-pinned-left-header{.ag-floating-filter input{margin:0;padding-left:.5rem;padding-right:.5rem;padding-top:0;padding-bottom:0;font-size:12px;line-height:16px;font-weight:400;height:24px!important}}}.ag-layout-auto-height{.ag-center-cols-container,.ag-center-cols-viewport{min-height:0}}.dial-kit-grid-align-right{justify-content:flex-end}.dial-kit-grid-align-right{.ag-header-cell-label{justify-content:flex-end}}}.dial-kit-grid-with-selection{.ag-header-row .dial-kit-grid-header-select,.ag-row .dial-kit-grid-row-select{opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (prefers-reduced-motion:reduce){.ag-header-row .dial-kit-grid-header-select,.ag-row .dial-kit-grid-row-select{transition-property:none}}.ag-header-cell:hover.dial-kit-grid-header-select,.ag-header-row .dial-kit-grid-header-select:focus-within,.ag-row .dial-kit-grid-row-select:focus-within,.ag-row-hover .dial-kit-grid-row-select,.ag-row-selected .dial-kit-grid-row-select{opacity:1}}.dial-kit-grid-with-selection.dial-kit-grid-selection-visible{.ag-header-row .dial-kit-grid-header-select,.ag-row .dial-kit-grid-row-select{opacity:1}}.dial-kit-grid-without-header-borders{.ag-header .ag-header-cell:after{border-right-width:0}}div .dial-step{border-top-width:2px}.dial-pagination-dot{background-color:var(--text-secondary,#9fa6bd)}.dial-kit-markdown-editor{.w-md-editor{gap:.75rem;border-radius:.5rem;border-width:1px;border-color:var(--stroke-secondary,#d1dbea);background-color:var(--bg-layer-raised,#fcfcfc)!important;padding-left:1rem;padding-right:1rem;padding-top:.75rem;padding-bottom:.75rem;color:var(--text-primary,#161b2d);box-shadow:none!important;font-family:inherit;--md-editor-font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}.w-md-editor-toolbar{gap:.25rem;background-color:transparent;padding:0;border:none!important}.w-md-editor>.w-md-editor-toolbar{margin-left:-.25rem;margin-right:-.25rem}.w-md-editor>.w-md-editor-toolbar>ul{display:flex;align-items:center;gap:.125rem}.w-md-editor-preview,.w-md-editor-text{padding:0}.w-md-editor-text-input,.w-md-editor-text-pre>code{line-height:20px!important}.w-md-editor-text-input::-moz-placeholder{color:var(--text-secondary,#57647a)}.w-md-editor-text-input::placeholder{color:var(--text-secondary,#57647a)}.w-md-editor-text-input::-moz-placeholder{opacity:1}.w-md-editor-text-input::placeholder{opacity:1}.w-md-editor-toolbar li>button{display:flex;width:28px;height:28px;flex-direction:row;align-items:center;justify-content:center;margin:0;border-radius:9999px;border-width:1px;border-style:solid;border-color:transparent;outline-offset:0}.w-md-editor-toolbar li>button:disabled{cursor:not-allowed}.w-md-editor-toolbar li>button:focus-visible{outline-style:solid}.w-md-editor-toolbar li>button:focus-visible{outline-width:1px}.w-md-editor-toolbar li>button:focus-visible{outline-color:var(--stroke-focus,#161b2d)}.w-md-editor-toolbar li>button>svg{width:16px;height:16px;color:var(--text-primary,#161b2d)}.w-md-editor-toolbar li>button:focus:enabled{color:var(--text-accent,#1d4ed8)}.w-md-editor-toolbar li>button:active{background-color:var(--bg-control-accent-alpha-active,#2764d933)}.w-md-editor-toolbar li.active>button{background-color:var(--bg-control-accent-alpha-hover,#2764d924);color:var(--text-accent,#1d4ed8)}.w-md-editor-toolbar li.active>button>svg{color:var(--text-accent,#1d4ed8)}.w-md-editor-toolbar li>button:disabled,.w-md-editor-toolbar li>button:disabled:hover{cursor:not-allowed;background-color:transparent;color:var(--text-control-disable-primary,#848e9c)!important}.w-md-editor-toolbar-divider{background-color:var(--stroke-tertiary,#e0e6f0)!important;width:1px!important;height:12px!important}.w-md-editor-toolbar-child{border-radius:.375rem;border-width:1px;border-color:var(--stroke-primary,#57647a);background-color:var(--bg-layer-raised,#fcfcfc);--tw-shadow:0 8px 24px 0 var(--shadow-md,#2764d90f);--tw-shadow-colored:0 8px 24px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:none!important}.w-md-editor-preview{box-shadow:none!important;inset-inline-start:auto;inset-inline-end:0}.w-md-editor,.w-md-editor-text{text-align:start}.w-md-editor-show-live .w-md-editor-preview{border-inline-start-width:1px;border-style:solid;border-color:var(--stroke-secondary,#d1dbea);padding-inline-start:1rem}.w-md-editor-show-live .w-md-editor-input{padding-inline-end:1rem}.wmde-markdown{background-color:transparent;color:var(--text-primary,#161b2d);font-family:inherit}.wmde-markdown a{color:var(--text-accent,#1d4ed8)}.wmde-markdown code{background-color:var(--bg-layer-sunken,#eef1f7);color:var(--text-primary,#161b2d);font-family:var(--md-editor-font-family)}.wmde-markdown pre>code{background-color:transparent;padding:0}.wmde-markdown hr,.wmde-markdown pre{background-color:var(--bg-layer-sunken,#eef1f7)}.wmde-markdown blockquote{color:var(--text-secondary,#57647a);border-inline:0;border-inline-start:4px solid var(--stroke-secondary,#d1dbea)}.wmde-markdown ul{list-style-type:disc}.wmde-markdown ol{list-style-type:decimal}.wmde-markdown input[type=checkbox]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.wmde-markdown table tr{border-color:var(--stroke-secondary,#d1dbea);background-color:transparent}.wmde-markdown table tr:nth-child(2n){background-color:var(--bg-layer-base,#f5f7fa)}.wmde-markdown h1,.wmde-markdown h2,.wmde-markdown table td,.wmde-markdown table th{border-color:var(--stroke-secondary,#d1dbea)}.w-md-editor-toolbar-child .w-md-editor-toolbar li>button{width:auto;height:auto;justify-content:flex-start;border-radius:.375rem;padding-left:.5rem;padding-right:.5rem;padding-top:.375rem;padding-bottom:.375rem;text-align:left}}.dial-kit-tab-selected-underline{border-bottom-style:solid;border-image-slice:1;border-image-source:linear-gradient(90deg,var(--stroke-gradient-1,#5976e9) 0,var(--stroke-gradient-2,#885df2) 100%);&:hover:not(:disabled){border-image-source:linear-gradient(90deg,var(--bg-gradient-1-hover,#6785fb) 0,var(--bg-gradient-2-hover,#885df2) 100%)}}.dial-kit-slider{margin:0;width:100%;cursor:pointer;background-color:transparent;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.dial-kit-slider:focus{outline:2px solid transparent;outline-offset:2px}.dial-kit-slider:disabled{cursor:not-allowed}.dial-kit-slider::-webkit-slider-runnable-track{height:.25rem;border-style:none;background-color:transparent}.dial-kit-slider::-moz-range-track{height:.25rem;border-style:none;background-color:transparent}.dial-kit-slider::-webkit-slider-thumb{width:.75rem;height:.75rem;border-radius:9999px;border-style:none;background-color:var(--bg-control-accent,#1d4ed8);appearance:none;-webkit-appearance:none;box-sizing:border-box;cursor:inherit;margin-top:-4px}.dial-kit-slider::-moz-range-thumb{width:.75rem;height:.75rem;border-radius:9999px;border-style:none;background-color:var(--bg-control-accent,#1d4ed8);-moz-appearance:none;appearance:none;box-sizing:border-box;cursor:inherit}.dial-kit-slider:focus-visible::-webkit-slider-thumb{outline-style:solid;outline-width:1px;outline-offset:4px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-slider:focus-visible::-moz-range-thumb{outline-style:solid;outline-width:1px;outline-offset:4px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-slider:disabled::-webkit-slider-thumb{background-color:var(--bg-control-disable-secondary,#acb3c3);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dial-kit-slider:disabled::-moz-range-thumb{background-color:var(--bg-control-disable-secondary,#acb3c3);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@layer ui{*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
1
+ .dial-display1-text{font-size:32px;line-height:48px;font-weight:600}.dial-display2-text{font-size:28px;line-height:40px;font-weight:600}.dial-display3-text{font-size:22px;line-height:32px;font-weight:600}.dial-h1-text{font-size:20px;line-height:28px;font-weight:600}.dial-h2-text{font-size:18px;line-height:26px;font-weight:600}.dial-h3-text{font-weight:600}.dial-body-text,.dial-h3-text{font-size:16px;line-height:24px}.dial-body-text{font-weight:400}.dial-body-semi-text{font-size:16px;line-height:24px;font-weight:600}.dial-body-paragraph-text{font-size:16px;line-height:26px;font-weight:400}.dial-body-paragraph-semi-text{font-size:16px;line-height:26px;font-weight:600}.dial-small-text{font-size:14px;line-height:20px;font-weight:400}.dial-small-semi-text{font-size:14px;line-height:20px;font-weight:600}.dial-small-paragraph-text{font-size:14px;line-height:24px;font-weight:400}.dial-small-paragraph-semi-text{font-size:14px;line-height:24px;font-weight:600}.dial-tiny-lead-text,.dial-tiny-text{font-size:12px;line-height:16px;font-weight:400}.dial-tiny-lead-text{text-transform:uppercase;letter-spacing:.03em}.dial-tiny-lead-semi-text,.dial-tiny-semi-text{font-size:12px;line-height:16px;font-weight:600}.dial-tiny-lead-semi-text{text-transform:uppercase;letter-spacing:.03em}.dial-caption-text{font-size:10px;line-height:12px;font-weight:400}.dial-caption-lead-semi-text{font-size:10px;line-height:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.dial-code-text{font-family:var(--theme-font-mono,var(--font-fira-code,"Fira Code")),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:20px;font-weight:400}.dial-italic-text{font-size:18px;line-height:22px}.dial-italic-text,.dial-small-italic-text{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-weight:400;font-style:italic}.dial-small-italic-text{font-size:14px;line-height:20px}.dial-tiny-italic-text{font-size:12px;line-height:16px}.dial-caption-italic-text,.dial-tiny-italic-text{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;font-weight:400;font-style:italic}.dial-caption-italic-text{font-size:10px;line-height:12px}h1{font-size:20px;line-height:28px}h1,h2{font-weight:600}h2{font-size:18px;line-height:26px}h3{font-size:16px;line-height:24px;font-weight:600}@media (hover:hover){.dial-base-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-kit-base-button{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-base-button:disabled{cursor:not-allowed}.dial-kit-base-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-base-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-solid-button-disable{border-color:transparent;background-color:var(--bg-control-disable-primary,#dce0e8);background-image:none;color:var(--text-control-disable-primary,#848e9c);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dial-kit-enhanced-target{position:relative;&:after{content:"";position:absolute;left:50%;top:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));height:100%;min-height:44px;width:100%;min-width:44px}}.dial-kit-minimum-target{position:relative;&:after{content:"";position:absolute;left:50%;top:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));height:100%;min-height:24px;width:100%;min-width:24px}}.dial-kit-control-shadow{box-shadow:0 2px 12px 0 var(--shadow-xs-1,#2764d933),0 2px 6px 0 var(--shadow-xs-2,#161b2d08)}.dial-kit-primary-solid-button{background-image:linear-gradient(99.78deg,var(--bg-gradient-1,#1d4ed8) 8.59%,var(--bg-gradient-2,#885df2) 98.14%);color:var(--text-control-permanent,#fcfcfc);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-primary-solid-button:disabled{cursor:not-allowed}.dial-kit-primary-solid-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-primary-solid-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-primary-solid-button{box-shadow:0 2px 12px 0 var(--shadow-xs-1,#2764d933),0 2px 6px 0 var(--shadow-xs-2,#161b2d08);@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-image:linear-gradient(99.78deg,var(--bg-gradient-1-hover,#6785fb) 8.59%,var(--bg-gradient-2-hover,#885df2) 98.14%);--tw-shadow:0 8px 24px 0 var(--shadow-md,#2764d90f);--tw-shadow-colored:0 8px 24px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}&:active:not(:disabled):not([aria-disabled=true]){background-image:linear-gradient(99.78deg,var(--bg-gradient-1-active,#1d4ed8) 8.59%,var(--bg-gradient-2-active,#7c3aed) 98.14%);--tw-shadow:0 1px 4px 0 var(--shadow-xs-1,#2764d933),0 1px 2px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 1px 4px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.dial-kit-neutral-solid-button{background-color:var(--bg-control-accent-alpha,#2764d90f);color:var(--text-accent,#1d4ed8);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-neutral-solid-button:disabled{cursor:not-allowed}.dial-kit-neutral-solid-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-neutral-solid-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-neutral-solid-button{border-color:var(--stroke-accent-alpha,#2764d933);@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-accent-alpha-hover,#2764d924)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-accent-alpha-active,#2764d933)}}.dial-kit-danger-solid-button{background-color:var(--bg-control-error,#ae2f2f);color:var(--text-control-permanent,#fcfcfc);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-danger-solid-button:disabled{cursor:not-allowed}.dial-kit-danger-solid-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-danger-solid-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-danger-solid-button{@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-error-hover,#bf3939)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-error-active,#cc4545)}}.dial-kit-static-solid-button{background-color:transparent;color:var(--text-secondary,#57647a);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-static-solid-button:disabled{cursor:not-allowed}.dial-kit-static-solid-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-static-solid-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-static-solid-button{@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-hover-muted,#e0e6f0)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-active,#d1dbea)}}.dial-kit-neutral-outlined-button{background-color:transparent;color:var(--text-secondary,#57647a);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-neutral-outlined-button:disabled{cursor:not-allowed}.dial-kit-neutral-outlined-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-neutral-outlined-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-neutral-outlined-button{border-color:var(--stroke-default,#b2c2dd)}.dial-kit-neutral-outlined-button:focus-visible{outline-offset:1px}.dial-kit-neutral-outlined-button{@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-hover-muted,#e0e6f0)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-active,#d1dbea)}}.dial-kit-danger-outlined-button{background-color:transparent;color:var(--text-error,#ae2f2f);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-danger-outlined-button:disabled{cursor:not-allowed}.dial-kit-danger-outlined-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-danger-outlined-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-danger-outlined-button{border-color:var(--stroke-error,#ae2f2f);@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-error-alpha-hover,#f7646426)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-error-alpha-active,#f7646433)}}.dial-kit-starter-outlined-button{background-color:var(--bg-control-neutral,#fcfcfc);color:var(--text-secondary,#57647a);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-starter-outlined-button:disabled{cursor:not-allowed}.dial-kit-starter-outlined-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-starter-outlined-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-starter-outlined-button{border-color:var(--stroke-default,#b2c2dd);& svg{color:var(--text-accent,#1d4ed8);stroke:var(--dial-kit-starter-icon-stroke,currentColor)}@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-hover-muted,#e0e6f0)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-active,#d1dbea)}&:disabled svg,&[aria-disabled=true] svg{color:var(--text-control-disable-primary,#848e9c);stroke:currentColor}}.dial-kit-danger-outlined-button:disabled,.dial-kit-danger-outlined-button[aria-disabled=true],.dial-kit-danger-solid-button:disabled,.dial-kit-danger-solid-button[aria-disabled=true],.dial-kit-fab-button:disabled,.dial-kit-fab-button[aria-disabled=true],.dial-kit-neutral-outlined-button:disabled,.dial-kit-neutral-outlined-button[aria-disabled=true],.dial-kit-neutral-solid-button:disabled,.dial-kit-neutral-solid-button[aria-disabled=true],.dial-kit-primary-solid-button:disabled,.dial-kit-primary-solid-button[aria-disabled=true],.dial-kit-starter-outlined-button:disabled,.dial-kit-starter-outlined-button[aria-disabled=true],.dial-kit-static-solid-button:disabled,.dial-kit-static-solid-button[aria-disabled=true]{border-color:transparent;background-color:var(--bg-control-disable-primary,#dce0e8);background-image:none;color:var(--text-control-disable-primary,#848e9c);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dial-kit-primary-ghost-button{background-color:transparent;color:var(--text-accent,#1d4ed8);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-primary-ghost-button:disabled{cursor:not-allowed}.dial-kit-primary-ghost-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-primary-ghost-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-primary-ghost-button{&.dial-kit-base-icon-button{color:var(--text-secondary,#57647a)}&.dial-kit-base-icon-button{@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){color:var(--text-accent,#1d4ed8)}}&:disabled,&[aria-disabled=true]{color:var(--text-control-disable-primary,#848e9c)!important}}@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-accent-alpha-hover,#2764d924)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-accent-alpha-active,#2764d933)}}.dial-kit-danger-ghost-button{background-color:transparent;color:var(--text-error,#ae2f2f);display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-danger-ghost-button:disabled{cursor:not-allowed}.dial-kit-danger-ghost-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-danger-ghost-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-danger-ghost-button{@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-error-alpha-hover,#f7646426)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-error-alpha-active,#f7646433)}&.dial-kit-base-icon-button{&:disabled,&[aria-disabled=true]{color:var(--text-control-disable-primary,#848e9c)!important}}}.dial-kit-danger-ghost-button:disabled,.dial-kit-danger-ghost-button[aria-disabled=true],.dial-kit-primary-ghost-button:disabled,.dial-kit-primary-ghost-button[aria-disabled=true]{background-color:transparent;color:var(--text-control-disable-primary,#848e9c)}.dial-kit-primary-link-button{background-color:transparent;color:var(--text-accent,#1d4ed8);text-decoration-line:none;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--radius-control,9999px);border:1px solid transparent;outline-offset:0}.dial-kit-primary-link-button:disabled{cursor:not-allowed}.dial-kit-primary-link-button:focus-visible{outline-style:solid;outline-width:1px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-primary-link-button[aria-disabled=true]{cursor:not-allowed}.dial-kit-primary-link-button{@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){color:var(--text-control-accent-hover,#5976e9)}}&:active:not(:disabled):not([aria-disabled=true]){color:var(--text-control-accent-active,#6785fb)}&:disabled,&[aria-disabled=true]{color:var(--text-control-disable-primary,#848e9c)}}.dial-kit-fab-button{display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--bg-control-neutral,#fcfcfc);color:var(--text-primary,#161b2d);box-shadow:0 2px 12px 0 var(--shadow-xs-1,#2764d933),0 2px 6px 0 var(--shadow-xs-2,#161b2d08);@media (hover:hover){&:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-hover-muted,#e0e6f0)}}&:active:not(:disabled):not([aria-disabled=true]){background-color:var(--bg-control-neutral-active,#d1dbea)}&:focus-visible{outline-style:solid}&:focus-visible{outline-width:1px}&:focus-visible{outline-offset:0}&:focus-visible{outline-color:var(--stroke-focus,#161b2d)}}.dial-base-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:4px;border:1px solid transparent}.dial-button-disable{cursor:not-allowed}.dial-button-solid-disable{background-color:var(--controls-bg-disable-accent,#7c8293);color:var(--controls-text-accent-disable,#d1dbea);cursor:not-allowed}.dial-button-outlined-disable{border-color:transparent;background-color:var(--controls-bg-disable,#d1dbea);color:var(--controls-text-primary-disable,#696e7c);cursor:not-allowed}.dial-primary-solid-button{background-color:var(--controls-bg-accent-primary,#124ace);color:var(--controls-text-permanent,#fcfcfc)}@media (hover:hover){.dial-primary-solid-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-primary-solid-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:4px;border:1px solid transparent;@media (hover:hover){&:hover{background-color:var(--controls-bg-accent-primary-hover,#2656d9)}}&:active{background-color:var(--controls-bg-accent-primary-active,#3664e2)}}.dial-primary-ghost-button{color:var(--text-accent-primary,#7da4ff);&.dial-icon-button{color:var(--text-secondary,#57647a)}&.dial-icon-button{@media (hover:hover){&:hover:enabled{color:var(--text-accent-primary,#7da4ff)}}}@media (hover:hover){&:hover{background-color:var(--bg-accent-primary-alpha,#7da4ff26)}}&:active{background-color:var(--controls-bg-accent-primary-alpha-active,#7da4ff5c)}}.dial-primary-link-button{background-color:transparent;padding-left:.5rem;padding-right:.5rem;color:var(--text-accent-primary,#7da4ff)}@media (hover:hover){.dial-primary-link-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-primary-link-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:4px;border:1px solid transparent;@media (hover:hover){&:hover{color:var(--controls-text-accent-primary-hover,#3664e2)}}&:active{color:var(--controls-text-accent-primary-active,#7da4ff)}&:disabled{color:var(--controls-text-secondary-disable,#9fa6bd);cursor:not-allowed}}.dial-neutral-outlined-button{background-color:transparent;color:var(--controls-text-neutral,#161b2d)}@media (hover:hover){.dial-neutral-outlined-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-neutral-outlined-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:4px;border:1px solid transparent;border-color:var(--stroke-default,#b2c2dd);@media (hover:hover){&:hover{background-color:var(--controls-bg-neutral-hover,#d1dbea)}}&:active{background-color:var(--controls-bg-neutral-active,#9fa6bd)}&:active,&:disabled{border-color:transparent}&:disabled{background-color:var(--controls-bg-disable,#d1dbea);color:var(--controls-text-primary-disable,#696e7c);cursor:not-allowed}}.dial-danger-solid-button{background-color:var(--controls-bg-error,#ae2f2f);color:var(--controls-text-permanent,#fcfcfc)}@media (hover:hover){.dial-danger-solid-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-danger-solid-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:4px;border:1px solid transparent;@media (hover:hover){&:hover{background-color:var(--controls-bg-error-hover,#bf3939)}}&:active{background-color:var(--controls-bg-error-active,#cc4545)}}.dial-danger-ghost-button{color:var(--text-error,#ae2f2f);@media (hover:hover){&:hover{background-color:var(--bg-error,#f3d6d8)}}&:active{background-color:var(--controls-bg-error-alpha-active,#f764645c)}}.dial-danger-outlined-button{color:var(--text-error,#ae2f2f)}@media (hover:hover){.dial-danger-outlined-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-danger-outlined-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:4px;border:1px solid transparent;border-color:var(--stroke-error,#ae2f2f);@media (hover:hover){&:hover{background-color:var(--bg-error,#f3d6d8)}}&:active{background-color:var(--controls-bg-error-alpha-active,#f764645c);color:var(--text-error,#ae2f2f)}&:disabled{border-color:transparent;background-color:var(--controls-bg-disable,#d1dbea);color:var(--controls-text-primary-disable,#696e7c);cursor:not-allowed}}.dial-success-ghost-button{color:var(--text-accent-secondary,#37babc);@media (hover:hover){&:hover{background-color:var(--controls-bg-accent-success-alpha-hover,#37babc2e)}}&:active{background-color:var(--controls-bg-accent-success-alpha-active,#37babc5c)}}.dial-secondary-ghost-button{color:var(--text-secondary,#57647a);@media (hover:hover){&:hover{background-color:var(--bg-accent-secondary-alpha,#37babc2e);color:var(--text-accent-secondary,#37babc)}}&:active{background-color:var(--controls-bg-accent-secondary-alpha-active,#37babc5c);color:var(--text-accent-secondary,#37babc)}}.dial-tertiary-ghost-button{color:var(--text-secondary,#57647a);@media (hover:hover){&:hover{background-color:var(--bg-accent-tertiary-alpha,#a972ff2e);color:var(--text-accent-tertiary,#a972ff)}}&:active{background-color:var(--controls-bg-accent-tertiary-alpha-active,#a972ff5c);color:var(--text-accent-tertiary,#a972ff)}}.dial-danger-ghost-button,.dial-primary-ghost-button,.dial-secondary-ghost-button,.dial-success-ghost-button,.dial-tertiary-ghost-button{background-color:transparent}@media (hover:hover){.dial-danger-ghost-button:focus-visible,.dial-primary-ghost-button:focus-visible,.dial-secondary-ghost-button:focus-visible,.dial-success-ghost-button:focus-visible,.dial-tertiary-ghost-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-danger-ghost-button,.dial-primary-ghost-button,.dial-secondary-ghost-button,.dial-success-ghost-button,.dial-tertiary-ghost-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border-radius:4px;border:1px solid transparent}.dial-danger-ghost-button:disabled,.dial-primary-ghost-button:disabled,.dial-secondary-ghost-button:disabled,.dial-success-ghost-button:disabled,.dial-tertiary-ghost-button:disabled{background-color:transparent;color:var(--controls-text-secondary-disable,#9fa6bd);cursor:not-allowed}.dial-danger-solid-button:disabled,.dial-primary-solid-button:disabled{background-color:var(--controls-bg-disable-accent,#7c8293);color:var(--controls-text-accent-disable,#d1dbea);cursor:not-allowed}.dial-neutral-rounded-button{background-color:transparent;color:var(--controls-text-neutral,#161b2d)}@media (hover:hover){.dial-neutral-rounded-button:focus-visible{border-color:var(--stroke-focus,#161b2d)}}.dial-neutral-rounded-button{display:flex;flex-direction:row;align-items:center;justify-content:center;-moz-column-gap:.5rem;column-gap:.5rem;border:1px solid transparent;border-radius:9999px;border-color:var(--stroke-default,#b2c2dd);@media (hover:hover){&:hover{background-color:var(--controls-bg-neutral-hover,#d1dbea)}}&:active{border-color:transparent;background-color:var(--controls-bg-neutral-active,#9fa6bd)}&.selected{border-color:var(--stroke-accent-primary,#124ace);background-color:var(--bg-accent-primary-alpha,#7da4ff26)}&:disabled{border-color:transparent;background-color:var(--controls-bg-disable,#d1dbea);color:var(--controls-text-primary-disable,#696e7c);cursor:not-allowed}}.dial-kit-base-button-small{border-radius:var(--radius-control-small,9999px)}.dial-kit-base-icon-button{border-radius:var(--radius-control-icon,9999px)}.dial-kit-input{height:40px;border-radius:.5rem;border-width:1px;border-color:var(--stroke-secondary,#d1dbea);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:var(--bg-layer-raised,#fcfcfc);font-size:14px;line-height:24px;font-weight:400;width:100%;&:not(:disabled):hover{border-color:var(--stroke-accent-alpha,#2764d933)}&:active:not(:has(>input:disabled)),&:focus-within{outline-style:solid}&:active:not(:has(>input:disabled)),&:focus-within{outline-width:1px}&:active:not(:has(>input:disabled)),&:focus-within{outline-offset:0}&:active:not(:has(>input:disabled)),&:focus-within{outline-color:var(--stroke-accent-focus,#6785fb)}&:not(:-moz-placeholder){color:var(--text-primary,#161b2d)}&:not(:placeholder-shown){color:var(--text-primary,#161b2d)}&:disabled:not(:-moz-placeholder){cursor:not-allowed}&:disabled,&:disabled:not(:placeholder-shown){cursor:not-allowed}&:disabled:not(:-moz-placeholder){background-color:var(--bg-layer-sunken,#eef1f7)}&:disabled,&:disabled:not(:placeholder-shown){background-color:var(--bg-layer-sunken,#eef1f7)}&:disabled:not(:-moz-placeholder){color:var(--text-control-disable-primary,#848e9c)}&:disabled,&:disabled:not(:placeholder-shown){color:var(--text-control-disable-primary,#848e9c)}&:disabled{&:not(:placeholder-shown)::-moz-placeholder{color:var(--controls-text-secondary-disable,#575f73)}&:not(:-moz-placeholder)::placeholder{color:var(--controls-text-secondary-disable,#575f73)}&:not(:placeholder-shown)::placeholder{color:var(--controls-text-secondary-disable,#575f73)}}}.dial-kit-input-small{height:24px;font-size:12px;line-height:16px;font-weight:400}.dial-kit-input-large{height:48px;font-size:16px;line-height:26px;font-weight:400}.dial-kit-input-borderless{border-color:transparent;background-color:transparent;&:not(:disabled):hover{border-color:transparent}}.dial-kit-input-disable:not(:-moz-placeholder){cursor:not-allowed;background-color:var(--bg-layer-sunken,#eef1f7);color:var(--text-control-disable-primary,#848e9c)}.dial-kit-input-disable,.dial-kit-input-disable:not(:placeholder-shown){cursor:not-allowed;background-color:var(--bg-layer-sunken,#eef1f7);color:var(--text-control-disable-primary,#848e9c)}.dial-kit-input-error{border-color:var(--stroke-error,#ae2f2f);&:not(:disabled):hover{border-color:var(--stroke-error,#ae2f2f)}&:active:not(:has(>input:disabled)),&:focus-within{outline-color:var(--stroke-error-alpha,#ae2f2f73)}}.dial-input{height:40px;border-radius:4px;border-width:1px;border-style:solid;border-color:var(--stroke-primary,#57647a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:transparent;font-size:14px;line-height:20px;font-weight:400;width:100%;outline-width:0;&:not(:disabled):hover{border-color:var(--stroke-accent-primary,#124ace)}&:not(:disabled):active,&:not(:disabled):focus,&:not(:disabled):focus-within{border-color:var(--stroke-focus,#161b2d)}&:not(:-moz-placeholder){color:var(--text-primary,#161b2d)}&:not(:placeholder-shown){color:var(--text-primary,#161b2d)}&:disabled:not(:-moz-placeholder){cursor:not-allowed}&:disabled,&:disabled:not(:placeholder-shown){cursor:not-allowed}&:disabled:not(:-moz-placeholder){border-color:transparent}&:disabled,&:disabled:not(:placeholder-shown){border-color:transparent}&:disabled:not(:-moz-placeholder){background-color:var(--controls-bg-disable,#d1dbea)}&:disabled,&:disabled:not(:placeholder-shown){background-color:var(--controls-bg-disable,#d1dbea)}&:disabled:not(:-moz-placeholder){color:var(--controls-text-primary-disable,#696e7c)}&:disabled,&:disabled:not(:placeholder-shown){color:var(--controls-text-primary-disable,#696e7c)}&:disabled{&:not(:placeholder-shown)::-moz-placeholder{color:var(--controls-text-secondary-disable,#575f73)}&:not(:-moz-placeholder)::placeholder{color:var(--controls-text-secondary-disable,#575f73)}&:not(:placeholder-shown)::placeholder{color:var(--controls-text-secondary-disable,#575f73)}}}.dial-input-disable:not(:-moz-placeholder){cursor:not-allowed;border-color:transparent;background-color:var(--controls-bg-disable,#d1dbea);color:var(--controls-text-primary-disable,#696e7c)}.dial-input-disable,.dial-input-disable:not(:placeholder-shown){cursor:not-allowed;border-color:transparent;background-color:var(--controls-bg-disable,#d1dbea);color:var(--controls-text-primary-disable,#696e7c)}.dial-input-error{border-color:var(--stroke-error,#ae2f2f)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}&:focus{outline:none}}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dial-textarea{min-height:120px;overflow:auto;white-space:normal;&:focus{outline:2px solid transparent;outline-offset:2px}&::selection{background-color:var(--controls-bg-accent-primary,#124ace)}&::-moz-selection{background-color:var(--controls-bg-accent-primary,#124ace)}}.dial-kit-textarea{min-height:120px;overflow:auto;white-space:normal}.dial-input-radio{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;padding:0;height:18px;width:18px;border-color:var(--stroke-hover,#eef1f7);background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:currentColor;font:inherit;&:checked{border-color:var(--stroke-accent-primary,#124ace)}&:checked{&:after{height:10px;width:10px;background-color:var(--bg-accent-primary,#5c8dea);content:"";border-radius:18px}}&:not(:disabled):focus,&:not(:disabled):hover{border-width:1px;border-color:var(--stroke-accent-primary,#124ace);background-color:transparent}&:disabled{pointer-events:none;border-color:var(--stroke-primary,#57647a)}&:disabled{&:after{background-color:var(--controls-bg-disable,#d1dbea)}}}div .dial-sm-popup{max-width:100%}@media (min-width:768px){div .dial-sm-popup{max-width:400px}}div .dial-md-popup{max-width:100%}@media (min-width:768px){div .dial-md-popup{max-width:800px}}div .dial-lg-popup{max-width:100%}@media (min-width:768px){div .dial-lg-popup{max-width:1200px}}div .dial-popup{position:relative;display:flex;max-height:100%;width:100%;flex-direction:column;border-radius:4px;background-color:var(--bg-layer-3,#fcfcfc);--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){div .dial-popup{height:auto}}div .dial-danger-popup{border-top-width:4px;border-color:var(--stroke-error,#ae2f2f)}.ag-root-wrapper{.ag-root-wrapper-body{height:auto}.ag-filter-wrapper{.ag-input-field-input.ag-text-field-input{padding-left:1.25rem}}overflow-x:auto;.ag-header{.ag-header-cell.align-right{.ag-header-cell-label{justify-content:flex-end}}.ag-header-cell{.header-checkbox-container{display:flex;height:100%;width:100%;align-items:center;justify-content:center}}.ag-header-viewport,.ag-pinned-left-header{.ag-floating-filter{input{margin:0;padding:0;padding-left:.5rem;padding-right:.5rem;height:24px!important}}}.ag-column-last:after{border-width:0}}.ag-cell{display:flex;align-items:center}.ag-cell{&.ag-cell-focus,&.ag-grid-no-border{border-width:0}&.align-right{justify-content:flex-end}}.ag-error-row{background-color:var(--bg-error,#f3d6d8)}.ag-error-row{#editable-cell-renderer{border-color:var(--stroke-error,#ae2f2f)}&.ag-error-border{border-width:1px;border-color:var(--stroke-error,#ae2f2f);cursor:pointer}&.ag-row-hover:not(.ag-full-width-row):before{background-color:transparent}}.ag-new-row{background-color:var(--bg-success,#d9f0f1)}.ag-new-row{&.ag-new-border{border-width:1px;border-color:var(--stroke-accent-secondary,#007274);cursor:pointer}&.ag-row-hover:not(.ag-full-width-row):before{background-color:transparent}}.ag-changed-row{background-color:var(--bg-info,#d6e2f9)}.ag-changed-row{&.ag-changed-border{border-width:1px;border-color:var(--stroke-accent-primary,#124ace);cursor:pointer}&.ag-row-hover:not(.ag-full-width-row):before{background-color:transparent}}.ag-empty-row{&.ag-row-hover:not(.ag-full-width-row):before{background-color:transparent}}.ag-row-selected{&.ag-row-hover:not(.ag-full-width-row):before{background-color:transparent}}}.with-selection-column{.ag-header-row .dial-row-not-select-header,.ag-header-row .dial-row-select,.ag-row .dial-row-select{opacity:0;transition:opacity .12s ease}.ag-header-active.dial-row-select,.ag-header-row .dial-row-select-visible,.ag-header-row .dial-row-select:has(.ag-checkbox-input-wrapper.ag-checked),.ag-header-row .dial-row-select:has(.ag-checkbox-input-wrapper.ag-indeterminate),.ag-row .dial-row-select-visible,.ag-row-hover .dial-row-select,.ag-row-selected .dial-row-select{opacity:1}.header-checkbox-container .dial-header-select.unchecked:not(.dial-header-select-visible){opacity:0;transition:opacity .12s ease}.ag-header-cell:hover .header-checkbox-container .dial-header-select.unchecked,.header-checkbox-container .dial-header-select-visible,.header-checkbox-container .dial-header-select.checked,.header-checkbox-container .dial-header-select.indeterminate{opacity:1}}.dial-without-header-borders{.ag-header{.ag-header-cell{&:after{border-right-width:0}}}}.ag-layout-auto-height{.ag-center-cols-container,.ag-center-cols-viewport{min-height:0}}.ag-grid-no-checkbox{.ag-selection-checkbox{display:none}}:where(.ag-theme-checkboxStyle-5){.ag-indeterminate{border-color:var(--controls-bg-accent,#5c8dea)!important}.ag-checkbox-input-wrapper{height:18px;width:18px;border-radius:2px!important;border-width:1px!important;border-style:solid!important;background-color:transparent;--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.ag-checkbox-input-wrapper{&.ag-checked:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-check'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-check'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat;border-color:var(--controls-bg-accent,#5c8dea)}&.ag-checked:after,&.ag-indeterminate:after{background-color:var(--bg-accent-primary,#5c8dea)}&.ag-indeterminate:after{border-color:var(--controls-bg-accent,#5c8dea)!important;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-minus'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-minus'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat}}}.dial-kit-grid{.ag-root-wrapper{overflow-x:auto}.ag-root-wrapper{.ag-root-wrapper-body{height:auto}}.ag-cell{display:flex;align-items:center}.ag-cell{&.ag-cell-focus{border-width:0}}.ag-row-hover,.ag-row-selected{--dial-kit-grid-row-outline:var(--shadow-xs-1,#2764d933);box-shadow:inset 0 1px 0 0 var(--dial-kit-grid-row-outline),inset 0 -1px 0 0 var(--dial-kit-grid-row-outline)}.ag-header{border-bottom-width:1px;border-style:solid;border-color:var(--stroke-tertiary,#e0e6f0)}.ag-header{.ag-column-last:after,.ag-header-cell[col-id=dial-kit-grid-selection]:after{border-width:0}.ag-header-cell-text{font-size:10px;line-height:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.ag-header-viewport,.ag-pinned-left-header{.ag-floating-filter input{margin:0;padding-left:.5rem;padding-right:.5rem;padding-top:0;padding-bottom:0;font-size:12px;line-height:16px;font-weight:400;height:24px!important}}}.ag-layout-auto-height{.ag-center-cols-container,.ag-center-cols-viewport{min-height:0}}.dial-kit-grid-align-right{justify-content:flex-end}.dial-kit-grid-align-right{.ag-header-cell-label{justify-content:flex-end}}}.dial-kit-grid-with-selection{.ag-header-row .dial-kit-grid-header-select,.ag-row .dial-kit-grid-row-select{opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (prefers-reduced-motion:reduce){.ag-header-row .dial-kit-grid-header-select,.ag-row .dial-kit-grid-row-select{transition-property:none}}.ag-header-cell:hover.dial-kit-grid-header-select,.ag-header-row .dial-kit-grid-header-select:focus-within,.ag-row .dial-kit-grid-row-select:focus-within,.ag-row-hover .dial-kit-grid-row-select,.ag-row-selected .dial-kit-grid-row-select{opacity:1}}.dial-kit-grid-with-selection.dial-kit-grid-selection-visible{.ag-header-row .dial-kit-grid-header-select,.ag-row .dial-kit-grid-row-select{opacity:1}}.dial-kit-grid-without-header-borders{.ag-header .ag-header-cell:after{border-right-width:0}}div .dial-step{border-top-width:2px}.dial-pagination-dot{background-color:var(--text-secondary,#9fa6bd)}.dial-kit-markdown-editor{.w-md-editor{gap:.75rem;border-radius:.5rem;border-width:1px;border-color:var(--stroke-secondary,#d1dbea);background-color:var(--bg-layer-raised,#fcfcfc)!important;padding-left:1rem;padding-right:1rem;padding-top:.75rem;padding-bottom:.75rem;color:var(--text-primary,#161b2d);box-shadow:none!important;font-family:inherit;--md-editor-font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}.w-md-editor-toolbar{gap:.25rem;background-color:transparent;padding:0;border:none!important}.w-md-editor>.w-md-editor-toolbar{margin-left:-.25rem;margin-right:-.25rem}.w-md-editor>.w-md-editor-toolbar>ul{display:flex;flex-wrap:wrap;align-items:center;gap:.125rem}.w-md-editor>.w-md-editor-toolbar>ul+ul{flex-grow:1;justify-content:flex-end}.w-md-editor-preview,.w-md-editor-text{padding:0}.w-md-editor-text-input,.w-md-editor-text-pre>code{line-height:20px!important}.w-md-editor-text-input::-moz-placeholder{color:var(--text-secondary,#57647a)}.w-md-editor-text-input::placeholder{color:var(--text-secondary,#57647a)}.w-md-editor-text-input::-moz-placeholder{opacity:1}.w-md-editor-text-input::placeholder{opacity:1}.w-md-editor-toolbar li>button{display:flex;width:28px;height:28px;flex-direction:row;align-items:center;justify-content:center;margin:0;border-radius:9999px;border-width:1px;border-style:solid;border-color:transparent;outline-offset:0}.w-md-editor-toolbar li>button:disabled{cursor:not-allowed}.w-md-editor-toolbar li>button:focus-visible{outline-style:solid}.w-md-editor-toolbar li>button:focus-visible{outline-width:1px}.w-md-editor-toolbar li>button:focus-visible{outline-color:var(--stroke-focus,#161b2d)}.w-md-editor-toolbar li>button>svg{width:16px;height:16px;color:var(--text-primary,#161b2d)}.w-md-editor-toolbar li>button:focus:enabled{color:var(--text-accent,#1d4ed8)}.w-md-editor-toolbar li>button:active{background-color:var(--bg-control-accent-alpha-active,#2764d933)}.w-md-editor-toolbar li.active>button{background-color:var(--bg-control-accent-alpha-hover,#2764d924);color:var(--text-accent,#1d4ed8)}.w-md-editor-toolbar li.active>button>svg{color:var(--text-accent,#1d4ed8)}.w-md-editor-toolbar li>button:disabled,.w-md-editor-toolbar li>button:disabled:hover{cursor:not-allowed;background-color:transparent;color:var(--text-control-disable-primary,#848e9c)!important}.w-md-editor-toolbar-divider{background-color:var(--stroke-tertiary,#e0e6f0)!important;width:1px!important;height:12px!important}.w-md-editor-toolbar-child{border-radius:.375rem;border-width:1px;border-color:var(--stroke-primary,#57647a);background-color:var(--bg-layer-raised,#fcfcfc);--tw-shadow:0 8px 24px 0 var(--shadow-md,#2764d90f);--tw-shadow-colored:0 8px 24px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:none!important}.w-md-editor-preview{box-shadow:none!important;inset-inline-start:auto;inset-inline-end:0}.w-md-editor,.w-md-editor-text{text-align:start}.w-md-editor-show-live .w-md-editor-preview{border-inline-start-width:1px;border-style:solid;border-color:var(--stroke-secondary,#d1dbea);padding-inline-start:1rem}.w-md-editor-show-live .w-md-editor-input{padding-inline-end:1rem}.wmde-markdown{background-color:transparent;color:var(--text-primary,#161b2d);font-family:inherit}.wmde-markdown a{color:var(--text-accent,#1d4ed8)}.wmde-markdown code{background-color:var(--bg-layer-sunken,#eef1f7);color:var(--text-primary,#161b2d);font-family:var(--md-editor-font-family)}.wmde-markdown pre>code{background-color:transparent;padding:0}.wmde-markdown hr,.wmde-markdown pre{background-color:var(--bg-layer-sunken,#eef1f7)}.wmde-markdown blockquote{color:var(--text-secondary,#57647a);border-inline:0;border-inline-start:4px solid var(--stroke-secondary,#d1dbea)}.wmde-markdown ul{list-style-type:disc}.wmde-markdown ol{list-style-type:decimal}.wmde-markdown input[type=checkbox]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.wmde-markdown table tr{border-color:var(--stroke-secondary,#d1dbea);background-color:transparent}.wmde-markdown table tr:nth-child(2n){background-color:var(--bg-layer-base,#f5f7fa)}.wmde-markdown h1,.wmde-markdown h2,.wmde-markdown table td,.wmde-markdown table th{border-color:var(--stroke-secondary,#d1dbea)}.w-md-editor-toolbar-child .w-md-editor-toolbar li>button{width:auto;height:auto;justify-content:flex-start;border-radius:.375rem;padding-left:.5rem;padding-right:.5rem;padding-top:.375rem;padding-bottom:.375rem;text-align:left}}.dial-kit-tab-selected-underline{border-bottom-style:solid;border-image-slice:1;border-image-source:linear-gradient(90deg,var(--stroke-gradient-1,#5976e9) 0,var(--stroke-gradient-2,#885df2) 100%);&:hover:not(:disabled){border-image-source:linear-gradient(90deg,var(--bg-gradient-1-hover,#6785fb) 0,var(--bg-gradient-2-hover,#885df2) 100%)}}.dial-kit-slider{margin:0;width:100%;cursor:pointer;background-color:transparent;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.dial-kit-slider:focus{outline:2px solid transparent;outline-offset:2px}.dial-kit-slider:disabled{cursor:not-allowed}.dial-kit-slider::-webkit-slider-runnable-track{height:.25rem;border-style:none;background-color:transparent}.dial-kit-slider::-moz-range-track{height:.25rem;border-style:none;background-color:transparent}.dial-kit-slider::-webkit-slider-thumb{width:.75rem;height:.75rem;border-radius:9999px;border-style:none;background-color:var(--bg-control-accent,#1d4ed8);appearance:none;-webkit-appearance:none;box-sizing:border-box;cursor:inherit;margin-top:-4px}.dial-kit-slider::-moz-range-thumb{width:.75rem;height:.75rem;border-radius:9999px;border-style:none;background-color:var(--bg-control-accent,#1d4ed8);-moz-appearance:none;appearance:none;box-sizing:border-box;cursor:inherit}.dial-kit-slider:focus-visible::-webkit-slider-thumb{outline-style:solid;outline-width:1px;outline-offset:4px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-slider:focus-visible::-moz-range-thumb{outline-style:solid;outline-width:1px;outline-offset:4px;outline-color:var(--stroke-focus,#161b2d)}.dial-kit-slider:disabled::-webkit-slider-thumb{background-color:var(--bg-control-disable-secondary,#acb3c3);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dial-kit-slider:disabled::-moz-range-thumb{background-color:var(--bg-control-disable-secondary,#acb3c3);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@layer ui{*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
2
2
  /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--theme-font-mono,var(--font-fira-code,"Fira Code")),ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}::-webkit-scrollbar-corner,::-webkit-scrollbar-track,::-webkit-scrollbar-track:hover,:not(:hover)::-webkit-scrollbar-thumb{background-color:transparent}::-webkit-scrollbar-thumb{cursor:pointer;border-radius:4px;background-color:var(
3
3
  --bg-control-neutral-active,var(--bg-layer-4,#d1dbea)
4
4
  )}::-webkit-scrollbar{height:4px;width:4px}*{scrollbar-width:thin;scrollbar-color:transparent transparent}:hover{scrollbar-color:var(
@@ -0,0 +1 @@
1
+ "use strict";var o=(r=>(r.dark="dark",r.light="light",r))(o||{});const e=()=>Promise.resolve().then(()=>require("./JsonEditor-Bxui5wJH.cjs")),i=()=>Promise.resolve().then(()=>require("./MarkdownEditor-Bapd1ycU.cjs")),a=()=>Promise.resolve().then(()=>require("./MarkdownEditor-BKtFs714.cjs"));exports.EditorThemes=o;exports.LazyDialJsonEditor=e;exports.LazyDialMarkdownEditor=i;exports.LazyMarkdownEditor=a;
@@ -1,5 +1,6 @@
1
1
  import { FC, SyntheticEvent } from 'react';
2
2
  import { AvatarShape } from '../../../types/avatar';
3
+ import { AvatarColorClasses } from '../../../utils/avatar';
3
4
  /** Props for `Avatar`. */
4
5
  export interface AvatarProps {
5
6
  /** Display name the initials and the colour are derived from. */
@@ -14,6 +15,8 @@ export interface AvatarProps {
14
15
  size?: number;
15
16
  /** Outline of the avatar. */
16
17
  shape?: AvatarShape;
18
+ /** Explicit colour pair overriding the deterministic pick from `name`. */
19
+ color?: AvatarColorClasses;
17
20
  /** Additional CSS classes for the avatar. */
18
21
  className?: string;
19
22
  /** Type-scale class for the initials. When set, it replaces the font size derived from `size`. */
@@ -28,9 +31,11 @@ export interface AvatarProps {
28
31
  * Design system 2.0
29
32
  *
30
33
  * The same name always gets the same colour, drawn from the theme's visual
31
- * tokens, so a list of avatars stays stable between renders and sessions. An
32
- * image that is missing or fails to load falls back to the initials; a new
33
- * `src` tries the image again.
34
+ * tokens, so a list of avatars stays stable between renders and sessions; pass
35
+ * `color` to pin one entry of `AVATAR_PALETTE` instead, so every avatar of a
36
+ * kind shares one colour regardless of name or locale. An image that is
37
+ * missing or fails to load falls back to the initials; a new `src` tries the
38
+ * image again.
34
39
  *
35
40
  * An avatar with an `alt` is a `role="img"` named by it, whether it shows the
36
41
  * image or the initials. Without one it is decorative and hidden from
@@ -48,6 +53,7 @@ export interface AvatarProps {
48
53
  * @param [alt=''] - Accessible name; empty makes the avatar decorative
49
54
  * @param [size=32] - Width and height in px
50
55
  * @param [shape=AvatarShape.Circle] - Outline of the avatar
56
+ * @param [color] - Explicit colour pair overriding the deterministic pick from `name`
51
57
  * @param [className] - Additional CSS classes for the avatar
52
58
  * @param [textClassName] - Type-scale class for the initials, replacing the size-derived font size
53
59
  * @param [onImageError] - Called when the image fails to load
@@ -249,8 +249,9 @@ export type { BadgeProps } from './components/New/Badge/Badge';
249
249
  export { BadgeColor, BadgeVariant } from './types/badge';
250
250
  export { Avatar } from './components/New/Avatar/Avatar';
251
251
  export type { AvatarProps } from './components/New/Avatar/Avatar';
252
- export { AvatarShape } from './types/avatar';
253
- export { extractInitials } from './utils/avatar';
252
+ export { AvatarColor, AvatarShape } from './types/avatar';
253
+ export { AVATAR_PALETTE, extractInitials } from './utils/avatar';
254
+ export type { AvatarColorClasses } from './utils/avatar';
254
255
  export { EntityIdentity } from './components/New/EntityIdentity/EntityIdentity';
255
256
  export type { EntityIdentityProps, EntityIdentityItem, EntityIdentityLabels, } from './components/New/EntityIdentity/EntityIdentity';
256
257
  export { EntityType } from './types/entity-type';
@@ -5,3 +5,12 @@ export declare enum AvatarShape {
5
5
  /** A rounded square — the avatar of an application, model or other entity. */
6
6
  Square = "square"
7
7
  }
8
+ export declare enum AvatarColor {
9
+ Green1 = "green-1",
10
+ Violet2 = "violet-2",
11
+ Brown = "brown",
12
+ Red = "red",
13
+ Green2 = "green-2",
14
+ Blue = "blue",
15
+ Violet1 = "violet-1"
16
+ }
@@ -1,3 +1,4 @@
1
+ import { AvatarColor } from '../types/avatar';
1
2
  /** A background and text colour pair for an initials avatar, as Tailwind classes. */
2
3
  export interface AvatarColorClasses {
3
4
  /** Background class, bound to a `--bg-visual-*` token. */
@@ -5,7 +6,7 @@ export interface AvatarColorClasses {
5
6
  /** Text class, bound to the matching `--text-visual-*` token. */
6
7
  foreground: string;
7
8
  }
8
- export declare const AVATAR_PALETTE: readonly AvatarColorClasses[];
9
+ export declare const AVATAR_PALETTE: Record<AvatarColor, AvatarColorClasses>;
9
10
  /** Returns the palette entry for a name; the same name always gets the same colours. */
10
11
  export declare const pickAvatarColor: (name: string) => AvatarColorClasses;
11
12
  /** Returns 1–2 uppercase initials derived from a display name, or `'?'` when it has no letters. */
@@ -1,4 +1,5 @@
1
- var e = /* @__PURE__ */ ((r) => (r.Circle = "circle", r.Square = "square", r))(e || {});
1
+ var n = /* @__PURE__ */ ((e) => (e.Circle = "circle", e.Square = "square", e))(n || {}), i = /* @__PURE__ */ ((e) => (e.Green1 = "green-1", e.Violet2 = "violet-2", e.Brown = "brown", e.Red = "red", e.Green2 = "green-2", e.Blue = "blue", e.Violet1 = "violet-1", e))(i || {});
2
2
  export {
3
- e as AvatarShape
3
+ i as AvatarColor,
4
+ n as AvatarShape
4
5
  };