@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.
- package/dist/CHANGELOG.md +5 -1
- package/dist/JsonEditor-Bxui5wJH.cjs +1 -0
- package/dist/{MarkdownEditor-Cp-KX6-T.cjs → MarkdownEditor-BKtFs714.cjs} +1 -1
- package/dist/{MarkdownEditor-Dav_pp0T.cjs → MarkdownEditor-Bapd1ycU.cjs} +1 -1
- package/dist/MarkdownEditorContainer-B5aHwoYF.cjs +1 -0
- package/dist/components/MarkdownEditor/MarkdownEditorContainer.js +16 -18
- package/dist/components/New/Avatar/Avatar.js +18 -17
- package/dist/components-manifest.json +65 -3
- package/dist/dial-ui-kit.cjs +2 -2
- package/dist/dial-ui-kit.js +96 -94
- package/dist/editors.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/lazy-_W6FYhKg.cjs +1 -0
- package/dist/src/components/New/Avatar/Avatar.d.ts +9 -3
- package/dist/src/index.d.ts +3 -2
- package/dist/src/types/avatar.d.ts +9 -0
- package/dist/src/utils/avatar.d.ts +2 -1
- package/dist/types/avatar.js +3 -2
- package/dist/utils/avatar.js +41 -18
- package/package.json +1 -1
- package/dist/JsonEditor-eAV7SaKu.cjs +0 -1
- package/dist/MarkdownEditorContainer-96cKYmYd.cjs +0 -1
- package/dist/editor-BH6_A1k2.cjs +0 -1
- package/dist/lazy-DMVYJhUR.cjs +0 -1
package/dist/dial-ui-kit.js
CHANGED
|
@@ -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 {
|
|
159
|
-
import { extractInitials as
|
|
160
|
-
import { EntityIdentity as
|
|
161
|
-
import { EntityType as
|
|
162
|
-
import { SideDrawer as
|
|
163
|
-
import { Tag as
|
|
164
|
-
import { TagAppearance as
|
|
165
|
-
import { TagInput as
|
|
166
|
-
import { AutocompleteTagInput as
|
|
167
|
-
import { Search as
|
|
168
|
-
import { matchesAccept as
|
|
169
|
-
import { Slider as
|
|
170
|
-
import { Tooltip as
|
|
171
|
-
import { TooltipContainer as
|
|
172
|
-
import { TooltipContent as
|
|
173
|
-
import { TooltipTrigger as
|
|
174
|
-
import { InteractiveTooltipTrigger as
|
|
175
|
-
import { InteractiveTooltip as
|
|
176
|
-
import { EllipsisTooltip as
|
|
177
|
-
import { CollapsibleSidebar as
|
|
178
|
-
import { ResizableContainer as
|
|
179
|
-
import { ConditionalResizableContainer as
|
|
180
|
-
import { NoDataContent as
|
|
181
|
-
import { TransferQueue as
|
|
182
|
-
import { DEFAULT_TRANSFER_QUEUE_LABELS as
|
|
183
|
-
import { TransferQueueItemStatus as
|
|
184
|
-
import { GRID_SELECTION_COLUMN_ID as
|
|
185
|
-
import { GridColorScheme as
|
|
186
|
-
import { DateCellRenderer as
|
|
187
|
-
import { DEFAULT_DATE_FORMAT_OPTIONS as
|
|
188
|
-
import { GRID_ALIGN_RIGHT_CLASS as
|
|
189
|
-
import { DIAL_KIT_ICON_STROKE as
|
|
190
|
-
import { convertToDate as
|
|
191
|
-
import { baseColumnComparator as
|
|
192
|
-
import { DEFAULT_ANALYTICS_BAR_COLOR_MAP as
|
|
193
|
-
import { DialAnalyticsBar as
|
|
194
|
-
import { DialAnalyticsBarGroup as
|
|
195
|
-
import { DialAnalyticsCard as
|
|
196
|
-
import { DialAnalyticsErrorTag as
|
|
197
|
-
import { DialAnalyticsHistogram as
|
|
198
|
-
import { JsonSchemaType as
|
|
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
|
-
|
|
204
|
+
Sp as AutocompleteTagInput,
|
|
204
205
|
ji as Avatar,
|
|
205
|
-
$i as
|
|
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
|
-
|
|
226
|
-
|
|
227
|
+
kp as CollapsibleSidebar,
|
|
228
|
+
Wp as ConditionalResizableContainer,
|
|
227
229
|
qa as ConfirmationPopup,
|
|
228
230
|
oe as ConfirmationPopupVariant,
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
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
|
-
|
|
236
|
+
Xp as DEFAULT_TRANSFER_QUEUE_LABELS,
|
|
235
237
|
ft as DIAL_ICON_SIZE,
|
|
236
238
|
st as DIAL_KIT_CLASS,
|
|
237
|
-
|
|
239
|
+
sm as DIAL_KIT_ICON_STROKE,
|
|
238
240
|
aa as DangerButton,
|
|
239
241
|
Da as DangerIconButton,
|
|
240
|
-
|
|
242
|
+
pm as DateCellRenderer,
|
|
241
243
|
f as DialAccordion,
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
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
|
-
|
|
336
|
-
|
|
337
|
-
|
|
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
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
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
|
-
|
|
362
|
-
|
|
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
|
-
|
|
373
|
-
|
|
374
|
-
|
|
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
|
-
|
|
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
|
-
|
|
410
|
+
Vp as ResizableContainer,
|
|
409
411
|
Ne as ResizableContainerSide,
|
|
410
412
|
at as SIZE_COLUMN,
|
|
411
|
-
|
|
412
|
-
|
|
413
|
+
Um as SchemaDisplayMode,
|
|
414
|
+
wm as SchemaOrientation,
|
|
413
415
|
At as SchemaRenderer,
|
|
414
|
-
|
|
416
|
+
zm as SchemaRendererVariant,
|
|
415
417
|
le as ScreenResolution,
|
|
416
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
440
|
-
|
|
441
|
-
|
|
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
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
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
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
458
|
+
Em as baseColumnComparator,
|
|
459
|
+
_m as checkColDefsChanges,
|
|
460
|
+
dm as convertGridDateToDate,
|
|
461
|
+
Im as convertToDate,
|
|
460
462
|
Ge as editableContainerProps,
|
|
461
|
-
|
|
463
|
+
tp as extractInitials,
|
|
462
464
|
rt as getTimezoneLabel,
|
|
463
|
-
|
|
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-
|
|
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
|
|
32
|
-
*
|
|
33
|
-
*
|
|
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
|
package/dist/src/index.d.ts
CHANGED
|
@@ -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:
|
|
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. */
|
package/dist/types/avatar.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
var
|
|
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
|
-
|
|
3
|
+
i as AvatarColor,
|
|
4
|
+
n as AvatarShape
|
|
4
5
|
};
|