@kubex/zinc 1.0.119 → 1.1.0
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/custom-elements.json +453 -20
- package/dist/vscode.html-custom-data.json +87 -11
- package/dist/web-types.json +168 -12
- package/dist/zn.d.ts +149 -25
- package/dist/zn.min.css +1 -1
- package/dist/zn.min.js +911 -874
- package/docs/assets/styles/docs.css +1 -1
- package/docs/pages/components/button.md +25 -7
- package/docs/pages/components/chat-message.md +62 -0
- package/docs/pages/components/data-table-search.md +6 -6
- package/docs/pages/components/editor.md +1 -1
- package/docs/pages/components/file.md +1 -1
- package/docs/pages/components/form-group.md +1 -1
- package/docs/pages/components/icon.md +19 -2
- package/docs/pages/components/menu.md +23 -2
- package/docs/pages/components/select.md +2 -2
- package/docs/pages/components/tile-group.md +92 -0
- package/docs/pages/components/tile.md +80 -25
- package/package.json +1 -1
- package/scss/_root.scss +1 -1
- package/scss/mixins/_spacing-mixins.scss +20 -0
- package/scss/mixins/_typography-mixins.scss +22 -0
- package/scss/mixins/index.scss +2 -1
- package/scss/shared/_base.scss +18 -20
- package/scss/shared/_button.scss +5 -3
- package/scss/shared/_table.scss +4 -1
- package/scss/shared/layout.scss +2 -2
- package/scss/themes/_index.scss +2 -0
- package/scss/themes/_light.scss +22 -45
- package/scss/themes/_spacing.scss +44 -0
- package/scss/themes/_typography.scss +62 -0
- package/src/components/animated-button/README.md +1 -1
- package/src/components/button/button.component.ts +27 -5
- package/src/components/button/button.scss +86 -30
- package/src/components/button-menu/button-menu.component.ts +22 -9
- package/src/components/button-menu/button-menu.scss +1 -2
- package/src/components/button-menu/button-menu.test.ts +18 -0
- package/src/components/chat-message/chat-message.component.ts +73 -0
- package/src/components/chat-message/chat-message.scss +60 -0
- package/src/components/chat-message/index.ts +12 -0
- package/src/components/checkbox/checkbox.scss +2 -2
- package/src/components/chip/chip.component.ts +0 -5
- package/src/components/chip/chip.scss +14 -35
- package/src/components/content-block/content-block.component.ts +46 -45
- package/src/components/content-block/content-block.scss +58 -27
- package/src/components/data-table/data-table.scss +10 -7
- package/src/components/data-table-sort/data-table-sort.scss +1 -1
- package/src/components/dialog/dialog.component.ts +3 -3
- package/src/components/dialog/dialog.scss +2 -2
- package/src/components/dropdown/dropdown.component.ts +1 -0
- package/src/components/editor/editor.component.ts +3 -1
- package/src/components/editor/editor.scss +9 -2
- package/src/components/editor/modules/ai/panel/ai-panel.scss +2 -2
- package/src/components/editor/modules/ai/tooltip/ai-tooltip.scss +1 -1
- package/src/components/editor/modules/context-menu/context-menu.ts +20 -20
- package/src/components/editor/modules/dialog/dialog.component.ts +3 -4
- package/src/components/editor/modules/dialog/dialog.scss +2 -1
- package/src/components/editor/modules/dialog/dialog.ts +12 -8
- package/src/components/editor/modules/toolbar/tool/tool.component.ts +1 -5
- package/src/components/editor/modules/toolbar/toolbar.component.ts +54 -50
- package/src/components/editor/modules/toolbar/toolbar.scss +4 -29
- package/src/components/editor/modules/toolbar/toolbar.ts +15 -17
- package/src/components/expanding-action/expanding-action.component.ts +14 -7
- package/src/components/expanding-action/expanding-action.scss +44 -2
- package/src/components/file/file.scss +2 -2
- package/src/components/header/header.component.ts +1 -1
- package/src/components/header/header.scss +3 -3
- package/src/components/hover-container/hover-container.scss +1 -1
- package/src/components/icon/icon.component.ts +6 -1
- package/src/components/icon/icon.scss +31 -0
- package/src/components/icon-picker/icon-picker.scss +3 -3
- package/src/components/input/input.scss +3 -3
- package/src/components/input-group/input-group.scss +16 -16
- package/src/components/markdown-editor/markdown-editor.scss +2 -2
- package/src/components/menu/menu.component.ts +32 -1
- package/src/components/menu/menu.scss +28 -5
- package/src/components/menu-item/menu-item.component.ts +6 -2
- package/src/components/menu-item/menu-item.scss +49 -5
- package/src/components/navbar/navbar.component.ts +7 -4
- package/src/components/navbar/navbar.scss +93 -21
- package/src/components/page/page.component.ts +1 -1
- package/src/components/page/page.scss +7 -26
- package/src/components/panel/panel.scss +5 -8
- package/src/components/priority-list/priority-list.scss +1 -1
- package/src/components/rating/rating.scss +1 -1
- package/src/components/scroll-container/scroll-container.scss +2 -1
- package/src/components/select/select.scss +1 -1
- package/src/components/settings-container/settings-container.scss +2 -2
- package/src/components/stat/stat.scss +8 -5
- package/src/components/tile/tile.component.ts +10 -2
- package/src/components/tile/tile.scss +108 -67
- package/src/components/tile-group/index.ts +12 -0
- package/src/components/tile-group/tile-group.component.ts +66 -0
- package/src/components/tile-group/tile-group.scss +23 -0
- package/src/form-control.scss +2 -1
- package/src/wc.scss +1 -0
- package/src/zinc.ts +2 -0
- package/src/components/editor/modules/toolbar/tool/tool.scss +0 -5
package/dist/zn.d.ts
CHANGED
|
@@ -516,7 +516,7 @@ declare module "utilities/sha256" {
|
|
|
516
516
|
declare module "components/icon/icon.component" {
|
|
517
517
|
import { type CSSResultGroup } from 'lit';
|
|
518
518
|
import ZincElement from "internal/zinc-element";
|
|
519
|
-
type IconLibrary = "src" | "material" | "material-outlined" | "material-round" | "material-sharp" | "material-two-tone" | "material-symbols-outlined" | "gravatar" | "libravatar" | "avatar" | "brands" | "line" | "lucide";
|
|
519
|
+
export type IconLibrary = "src" | "material" | "material-outlined" | "material-round" | "material-sharp" | "material-two-tone" | "material-symbols-outlined" | "gravatar" | "libravatar" | "avatar" | "brands" | "line" | "lucide";
|
|
520
520
|
export type IconColor = "default" | "primary" | "accent" | "info" | "warning" | "error" | "success" | "white" | "disabled" | "red" | "blue" | "green" | "orange" | "yellow" | "indigo" | "violet" | "pink" | "grey" | (string & Record<never, never>);
|
|
521
521
|
/**
|
|
522
522
|
* @summary Short summary of the component's intended use.
|
|
@@ -545,6 +545,7 @@ declare module "components/icon/icon.component" {
|
|
|
545
545
|
depth: boolean;
|
|
546
546
|
library: IconLibrary;
|
|
547
547
|
color: IconColor;
|
|
548
|
+
fill: IconColor;
|
|
548
549
|
padded: boolean;
|
|
549
550
|
blink: boolean;
|
|
550
551
|
squared: boolean;
|
|
@@ -610,6 +611,9 @@ declare module "components/menu-item/menu-item.component" {
|
|
|
610
611
|
menuItem: HTMLElement;
|
|
611
612
|
/** The type of menu item to render. To use `checked`, this value must be set to `checkbox`. */
|
|
612
613
|
type: 'normal' | 'checkbox';
|
|
614
|
+
/** The item's visual style. A standalone item defaults to navigation styling;
|
|
615
|
+
* a parent zn-menu sets this to `dropdown` or `shell` automatically. */
|
|
616
|
+
variant: 'default' | 'dropdown' | 'shell';
|
|
613
617
|
/** Draws the item in a checked state. */
|
|
614
618
|
checked: boolean;
|
|
615
619
|
checkedPosition: 'left' | 'right';
|
|
@@ -983,6 +987,10 @@ declare module "components/menu/menu.component" {
|
|
|
983
987
|
};
|
|
984
988
|
defaultSlot: HTMLSlotElement;
|
|
985
989
|
actions: never[];
|
|
990
|
+
/** The menu's visual style. `shell` renders the app-shell header dropdown
|
|
991
|
+
* look: a padded panel with floating rounded items. Propagated to the
|
|
992
|
+
* menu's items. */
|
|
993
|
+
variant: 'default' | 'shell';
|
|
986
994
|
connectedCallback(): void;
|
|
987
995
|
/** @internal Gets all slotted menu items, ignoring dividers, headers, and other elements. */
|
|
988
996
|
getAllItems(): ZnMenuItem[];
|
|
@@ -1001,6 +1009,15 @@ declare module "components/menu/menu.component" {
|
|
|
1001
1009
|
private handleKeyDown;
|
|
1002
1010
|
private handleMouseDown;
|
|
1003
1011
|
private handleSlotChange;
|
|
1012
|
+
protected updated(changedProperties: Map<string, unknown>): void;
|
|
1013
|
+
/**
|
|
1014
|
+
* @internal The variant applied to slotted items. A `default` menu still gives
|
|
1015
|
+
* its items the `dropdown` look (muted hover, no separators) — distinct from a
|
|
1016
|
+
* bare standalone menu item, which keeps the navigation styling.
|
|
1017
|
+
*/
|
|
1018
|
+
get itemVariant(): 'dropdown' | 'shell';
|
|
1019
|
+
/** Keeps slotted menu items in sync with the menu's variant. */
|
|
1020
|
+
private propagateVariant;
|
|
1004
1021
|
private isMenuItem;
|
|
1005
1022
|
}
|
|
1006
1023
|
}
|
|
@@ -1107,7 +1124,7 @@ declare module "components/button/button.component" {
|
|
|
1107
1124
|
import ZincElement from "internal/zinc-element";
|
|
1108
1125
|
import ZnIcon from "components/icon/index";
|
|
1109
1126
|
import ZnTooltip from "components/tooltip/index";
|
|
1110
|
-
import type { IconColor } from "components/icon/index";
|
|
1127
|
+
import type { IconColor, IconLibrary } from "components/icon/index";
|
|
1111
1128
|
import type { ZincFormControl } from "internal/zinc-element";
|
|
1112
1129
|
/**
|
|
1113
1130
|
* @summary Buttons represent actions that are available to the user.
|
|
@@ -1153,7 +1170,15 @@ declare module "components/button/button.component" {
|
|
|
1153
1170
|
disabled: boolean;
|
|
1154
1171
|
grow: boolean;
|
|
1155
1172
|
square: boolean;
|
|
1156
|
-
|
|
1173
|
+
/** Renders the button as an icon button (40x36). Pass `small` for the
|
|
1174
|
+
* 36x36 variant or `round` for a 36x36 circle: `icon-button`,
|
|
1175
|
+
* `icon-button="small"` or `icon-button="round"`. */
|
|
1176
|
+
iconButton: boolean | 'small' | 'round';
|
|
1177
|
+
/** With `icon-button`, removes the white background and border while
|
|
1178
|
+
* keeping the button's size. */
|
|
1179
|
+
plain: boolean;
|
|
1180
|
+
/** Disables the hover background, for contexts where the tint doesn't fit. */
|
|
1181
|
+
noHover: boolean;
|
|
1157
1182
|
panelBackground: boolean;
|
|
1158
1183
|
dropdownCloser: boolean;
|
|
1159
1184
|
notification: number;
|
|
@@ -1165,6 +1190,8 @@ declare module "components/button/button.component" {
|
|
|
1165
1190
|
iconPosition: 'left' | 'right';
|
|
1166
1191
|
iconSize: string;
|
|
1167
1192
|
iconColor: IconColor;
|
|
1193
|
+
iconFill: IconColor;
|
|
1194
|
+
iconLibrary: IconLibrary;
|
|
1168
1195
|
type: 'button' | 'submit' | 'reset';
|
|
1169
1196
|
name: string;
|
|
1170
1197
|
value: string;
|
|
@@ -1464,6 +1491,56 @@ declare module "components/button-group/index" {
|
|
|
1464
1491
|
}
|
|
1465
1492
|
}
|
|
1466
1493
|
}
|
|
1494
|
+
declare module "components/chat-message/chat-message.component" {
|
|
1495
|
+
import { type CSSResultGroup } from 'lit';
|
|
1496
|
+
import ZincElement from "internal/zinc-element";
|
|
1497
|
+
import ZnIcon from "components/icon/index";
|
|
1498
|
+
/**
|
|
1499
|
+
* @summary A single message in a chat-style conversation: avatar, sender,
|
|
1500
|
+
* time, optional badge, and a message bubble with optional actions.
|
|
1501
|
+
* @documentation https://zinc.style/components/chat-message
|
|
1502
|
+
* @status experimental
|
|
1503
|
+
* @since 1.0
|
|
1504
|
+
*
|
|
1505
|
+
* @dependency zn-icon
|
|
1506
|
+
*
|
|
1507
|
+
* @slot - The message content.
|
|
1508
|
+
* @slot badge - Rendered in the header after the sender and time (e.g. an INTERNAL NOTE chip).
|
|
1509
|
+
* @slot edit-dialog-trigger - Action rendered at the end of the bubble (e.g. a remove icon button).
|
|
1510
|
+
* @slot edit-dialog - Pass-through for an associated dialog element.
|
|
1511
|
+
*
|
|
1512
|
+
* @csspart base - The component's base wrapper.
|
|
1513
|
+
* @csspart avatar - The avatar column.
|
|
1514
|
+
* @csspart body - The header and bubble column.
|
|
1515
|
+
* @csspart header - The sender/time/badge row.
|
|
1516
|
+
* @csspart bubble - The message bubble.
|
|
1517
|
+
* @csspart content - The message content within the bubble.
|
|
1518
|
+
*
|
|
1519
|
+
* @cssproperty --message-background - The bubble's background colour.
|
|
1520
|
+
*/
|
|
1521
|
+
export default class ZnChatMessage extends ZincElement {
|
|
1522
|
+
static styles: CSSResultGroup;
|
|
1523
|
+
static dependencies: {
|
|
1524
|
+
'zn-icon': typeof ZnIcon;
|
|
1525
|
+
};
|
|
1526
|
+
/** The sender's name, also used for the avatar initials. */
|
|
1527
|
+
sender: string;
|
|
1528
|
+
/** Unix timestamp (seconds) of the message, shown as HH:MM. */
|
|
1529
|
+
time: string;
|
|
1530
|
+
private getTime;
|
|
1531
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
1532
|
+
}
|
|
1533
|
+
}
|
|
1534
|
+
declare module "components/chat-message/index" {
|
|
1535
|
+
import ZnChatMessage from "components/chat-message/chat-message.component";
|
|
1536
|
+
export * from "components/chat-message/chat-message.component";
|
|
1537
|
+
export default ZnChatMessage;
|
|
1538
|
+
global {
|
|
1539
|
+
interface HTMLElementTagNameMap {
|
|
1540
|
+
'zn-chat-message': ZnChatMessage;
|
|
1541
|
+
}
|
|
1542
|
+
}
|
|
1543
|
+
}
|
|
1467
1544
|
declare module "components/chip/chip.component" {
|
|
1468
1545
|
import { type CSSResultGroup } from 'lit';
|
|
1469
1546
|
import ZincElement from "internal/zinc-element";
|
|
@@ -1490,7 +1567,6 @@ declare module "components/chip/chip.component" {
|
|
|
1490
1567
|
caption: string;
|
|
1491
1568
|
iconSize: number;
|
|
1492
1569
|
type: 'info' | 'success' | 'warning' | 'error' | 'primary' | 'transparent' | 'custom' | 'neutral';
|
|
1493
|
-
size: 'small' | 'medium' | 'large';
|
|
1494
1570
|
flush: boolean;
|
|
1495
1571
|
flushX: boolean;
|
|
1496
1572
|
flushY: boolean;
|
|
@@ -3400,6 +3476,10 @@ declare module "components/tile/tile.component" {
|
|
|
3400
3476
|
flushX: boolean;
|
|
3401
3477
|
flushY: boolean;
|
|
3402
3478
|
inline: boolean;
|
|
3479
|
+
/** Renders the caption in the normal table-content weight instead of bold. */
|
|
3480
|
+
plain: boolean;
|
|
3481
|
+
/** Set by `zn-tile-group` to lay the tile out as a shared-column subgrid row. */
|
|
3482
|
+
grouped: boolean;
|
|
3403
3483
|
private _isLink;
|
|
3404
3484
|
private _handleActionsClick;
|
|
3405
3485
|
render(): import("lit-html").TemplateResult;
|
|
@@ -3415,6 +3495,46 @@ declare module "components/tile/index" {
|
|
|
3415
3495
|
}
|
|
3416
3496
|
}
|
|
3417
3497
|
}
|
|
3498
|
+
declare module "components/tile-group/tile-group.component" {
|
|
3499
|
+
import { type CSSResultGroup } from 'lit';
|
|
3500
|
+
import ZincElement from "internal/zinc-element";
|
|
3501
|
+
/**
|
|
3502
|
+
* @summary Aligns a list of `zn-tile` rows into shared, content-driven columns so values
|
|
3503
|
+
* and actions line up across every row, with optional dividing borders.
|
|
3504
|
+
* @documentation https://zinc.style/components/tile-group
|
|
3505
|
+
* @status experimental
|
|
3506
|
+
* @since 1.0
|
|
3507
|
+
*
|
|
3508
|
+
* @dependency zn-tile
|
|
3509
|
+
*
|
|
3510
|
+
* @slot - One or more `zn-tile` elements.
|
|
3511
|
+
*
|
|
3512
|
+
* @csspart base - The component's base wrapper (the grid container).
|
|
3513
|
+
*
|
|
3514
|
+
* @cssproperty --zn-tile-cols - The number of value/action columns (set automatically).
|
|
3515
|
+
*/
|
|
3516
|
+
export default class ZnTileGroup extends ZincElement {
|
|
3517
|
+
static styles: CSSResultGroup;
|
|
3518
|
+
/** Draws a dividing border between rows. */
|
|
3519
|
+
divide: boolean;
|
|
3520
|
+
private _mutationObserver;
|
|
3521
|
+
connectedCallback(): void;
|
|
3522
|
+
disconnectedCallback(): void;
|
|
3523
|
+
private _handleSlotChange;
|
|
3524
|
+
private _sync;
|
|
3525
|
+
protected render(): unknown;
|
|
3526
|
+
}
|
|
3527
|
+
}
|
|
3528
|
+
declare module "components/tile-group/index" {
|
|
3529
|
+
import ZnTileGroup from "components/tile-group/tile-group.component";
|
|
3530
|
+
export * from "components/tile-group/tile-group.component";
|
|
3531
|
+
export default ZnTileGroup;
|
|
3532
|
+
global {
|
|
3533
|
+
interface HTMLElementTagNameMap {
|
|
3534
|
+
'zn-tile-group': ZnTileGroup;
|
|
3535
|
+
}
|
|
3536
|
+
}
|
|
3537
|
+
}
|
|
3418
3538
|
declare module "components/tile-property/tile-property.component" {
|
|
3419
3539
|
import { type CSSResultGroup } from 'lit';
|
|
3420
3540
|
import ZincElement from "internal/zinc-element";
|
|
@@ -3622,11 +3742,13 @@ declare module "components/navbar/navbar.component" {
|
|
|
3622
3742
|
border: boolean;
|
|
3623
3743
|
hideOne: boolean;
|
|
3624
3744
|
flush: boolean;
|
|
3745
|
+
gutter: boolean;
|
|
3625
3746
|
stacked: boolean;
|
|
3626
3747
|
dropdown: never[];
|
|
3627
3748
|
noPad: false;
|
|
3628
3749
|
manualAddItems: boolean;
|
|
3629
3750
|
isolated: boolean;
|
|
3751
|
+
color: string;
|
|
3630
3752
|
masterId: string;
|
|
3631
3753
|
storeKey: string;
|
|
3632
3754
|
storeTtl: number;
|
|
@@ -5073,10 +5195,8 @@ declare module "components/bulk-actions/index" {
|
|
|
5073
5195
|
}
|
|
5074
5196
|
}
|
|
5075
5197
|
declare module "components/editor/modules/toolbar/tool/tool.component" {
|
|
5076
|
-
import { type CSSResultGroup } from "lit";
|
|
5077
5198
|
import ZincElement from "internal/zinc-element";
|
|
5078
5199
|
export default class ZnEditorTool extends ZincElement {
|
|
5079
|
-
static styles: CSSResultGroup;
|
|
5080
5200
|
uri: string;
|
|
5081
5201
|
label: string;
|
|
5082
5202
|
key: string;
|
|
@@ -5160,6 +5280,26 @@ declare module "components/editor/modules/dialog/dialog.component" {
|
|
|
5160
5280
|
render(): import("lit-html").TemplateResult<1>;
|
|
5161
5281
|
}
|
|
5162
5282
|
}
|
|
5283
|
+
declare module "components/editor/modules/dialog/dialog" {
|
|
5284
|
+
import type DialogComponent from "components/editor/modules/dialog/dialog.component";
|
|
5285
|
+
import type Quill from "quill";
|
|
5286
|
+
class Dialog {
|
|
5287
|
+
private readonly _quill;
|
|
5288
|
+
private readonly _editorId;
|
|
5289
|
+
private readonly _document;
|
|
5290
|
+
private _component;
|
|
5291
|
+
constructor(quill: Quill, options: {
|
|
5292
|
+
editorId: string;
|
|
5293
|
+
});
|
|
5294
|
+
private _initDialog;
|
|
5295
|
+
get component(): DialogComponent;
|
|
5296
|
+
private _mountPoint;
|
|
5297
|
+
private createComponent;
|
|
5298
|
+
isOpen(): boolean;
|
|
5299
|
+
close(): void;
|
|
5300
|
+
}
|
|
5301
|
+
export default Dialog;
|
|
5302
|
+
}
|
|
5163
5303
|
declare module "components/editor/modules/emoji/emoji" {
|
|
5164
5304
|
import Quill from 'quill';
|
|
5165
5305
|
export interface EmojiResult {
|
|
@@ -5191,7 +5331,6 @@ declare module "components/editor/modules/toolbar/toolbar" {
|
|
|
5191
5331
|
class Toolbar extends QuillToolbar {
|
|
5192
5332
|
private readonly _quill;
|
|
5193
5333
|
private readonly _component;
|
|
5194
|
-
private _lastDialogUri?;
|
|
5195
5334
|
private _formatters;
|
|
5196
5335
|
constructor(quill: Quill, options: {
|
|
5197
5336
|
container: ToolbarComponent;
|
|
@@ -5343,23 +5482,6 @@ declare module "components/editor/modules/date-picker/date-picker" {
|
|
|
5343
5482
|
}
|
|
5344
5483
|
export default DatePicker;
|
|
5345
5484
|
}
|
|
5346
|
-
declare module "components/editor/modules/dialog/dialog" {
|
|
5347
|
-
import type Quill from "quill";
|
|
5348
|
-
class Dialog {
|
|
5349
|
-
private readonly _quill;
|
|
5350
|
-
private readonly _editorId;
|
|
5351
|
-
private readonly _document;
|
|
5352
|
-
private _component;
|
|
5353
|
-
constructor(quill: Quill, options: {
|
|
5354
|
-
editorId: string;
|
|
5355
|
-
});
|
|
5356
|
-
private _initDialog;
|
|
5357
|
-
private createComponent;
|
|
5358
|
-
isOpen(): boolean;
|
|
5359
|
-
close(): void;
|
|
5360
|
-
}
|
|
5361
|
-
export default Dialog;
|
|
5362
|
-
}
|
|
5363
5485
|
declare module "components/editor/modules/drag-drop/drag-drop" {
|
|
5364
5486
|
import type Quill from 'quill';
|
|
5365
5487
|
interface DragAndDropOptions {
|
|
@@ -7251,8 +7373,8 @@ declare module "components/split-button/index" {
|
|
|
7251
7373
|
}
|
|
7252
7374
|
}
|
|
7253
7375
|
declare module "components/content-block/content-block.component" {
|
|
7254
|
-
import type { PropertyValues } from 'lit';
|
|
7255
7376
|
import ZincElement from "internal/zinc-element";
|
|
7377
|
+
import type { PropertyValues } from 'lit';
|
|
7256
7378
|
interface TextRow {
|
|
7257
7379
|
lines: string[];
|
|
7258
7380
|
type: 'reply' | 'text';
|
|
@@ -8202,6 +8324,7 @@ declare module "zinc" {
|
|
|
8202
8324
|
export { default as Collapsible } from "components/collapsible/index";
|
|
8203
8325
|
export { default as Alert } from "components/alert/index";
|
|
8204
8326
|
export { default as ButtonGroup } from "components/button-group/index";
|
|
8327
|
+
export { default as ChatMessage } from "components/chat-message/index";
|
|
8205
8328
|
export { default as Chip } from "components/chip/index";
|
|
8206
8329
|
export { default as Well } from "components/well/index";
|
|
8207
8330
|
export { default as CopyButton } from "components/copy-button/index";
|
|
@@ -8216,6 +8339,7 @@ declare module "zinc" {
|
|
|
8216
8339
|
export { default as EmptyState } from "components/empty-state/index";
|
|
8217
8340
|
export { default as Note } from "components/note/index";
|
|
8218
8341
|
export { default as Tile } from "components/tile/index";
|
|
8342
|
+
export { default as TileGroup } from "components/tile-group/index";
|
|
8219
8343
|
export { default as TileProperty } from "components/tile-property/index";
|
|
8220
8344
|
export { default as Chart } from "components/chart/index";
|
|
8221
8345
|
export { default as SimpleChart } from "components/simple-chart/index";
|
package/dist/zn.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,[t=light],.theme-light{color-scheme:light;--zn-color-gray-100:hsl(240,13%,95%);--zn-color-gray-300:hsl(260,21%,89%);--zn-color-gray-400:hsl(251,17%,76%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-800:hsl(259,13%,42%);--zn-color-gray-900:hsl(262,12%,35%);--zn-color-red-500:hsl(0 84.2% 60.2%);--zn-color-red-600:hsl(0 72.2% 50.6%);--zn-color-orange-500:hsl(24.6 95% 53.1%);--zn-color-amber-400:hsl(43.3 96.4% 56.3%);--zn-color-yellow-400:hsl(51,100%,53%);--zn-color-green-500:hsl(142.1 70.6% 45.3%);--zn-color-blue-500:hsl(217.2 91.2% 59.8%);--zn-color-indigo-400:hsl(234.5 89.5% 73.9%);--zn-color-indigo-500:hsl(238.7 83.5% 66.7%);--zn-color-violet-500:hsl(258.3 89.5% 66.3%);--zn-color-violet-600:hsl(262.1 83.3% 57.8%);--zn-color-purple-50:hsl(249,100%,97%);--zn-color-purple-100:hsl(245,100%,95%);--zn-color-purple-200:hsl(244,100%,92%);--zn-color-purple-600:hsl(256,91%,59%);--zn-color-pink-400:hsl(328.6 85.5% 70.2%);--zn-color-pink-500:hsl(330.4 81.2% 60.4%);--zn-color-primary-50:var(--zn-color-purple-50);--zn-color-primary-100:var(--zn-color-purple-100);--zn-color-primary-200:var(--zn-color-purple-200);--zn-color-primary-300:hsl(246,100%,85%);--zn-color-primary-400:hsl(249,100%,76%);--zn-color-primary-500:hsl(252,98%,66%);--zn-color-primary-600:var(--zn-color-purple-600);--zn-color-primary-700:hsl(257,76%,50%);--zn-color-primary-800:hsl(257,76%,42%);--zn-color-primary-900:hsl(257,73%,35%);--zn-color-success-50:hsl(138.5 76.5% 96.7%);--zn-color-success-200:rgb(var(--zn-green));--zn-color-success-300:hsl(141.7 76.6% 73.1%);--zn-color-success-400:hsl(141.9 69.2% 58%);--zn-color-success-500:var(--zn-color-green-500);--zn-color-success-600:hsl(142.1 76.2% 36.3%);--zn-color-success-700:hsl(142.4 71.8% 29.2%);--zn-color-warning-50:hsl(48 100% 96.1%);--zn-color-warning-400:var(--zn-color-amber-400);--zn-color-warning-500:hsl(37.7 92.1% 50.2%);--zn-color-warning-600:hsl(32.1 94.6% 43.7%);--zn-color-danger-50:hsl(0 85.7% 97.3%);--zn-color-danger-100:rgb(var(--zn-red));--zn-color-danger-200:rgb(var(--zn-red));--zn-color-danger-300:hsl(0 93.5% 81.8%);--zn-color-danger-500:var(--zn-color-red-500);--zn-color-danger-600:var(--zn-color-red-600);--zn-color-danger-700:rgb(var(--zn-red));--zn-color-danger-800:hsl(0 70% 35.3%);--zn-color-neutral-50:hsl(255,33%,98%);--zn-color-neutral-100:var(--zn-color-gray-100);--zn-color-neutral-200:hsl(255,12%,94%);--zn-color-neutral-300:var(--zn-color-gray-300);--zn-color-neutral-400:var(--zn-color-gray-400);--zn-color-neutral-500:var(--zn-color-gray-500);--zn-color-neutral-600:hsl(258,15%,58%);--zn-color-neutral-700:hsl(259,13%,54%);--zn-color-neutral-800:var(--zn-color-gray-800);--zn-color-neutral-900:var(--zn-color-gray-900);--zn-color-neutral-0:hsl(0,0%,100%);--zn-color-neutral-1000:hsl(0,0%,0%);--zn-border-radius-small:0.1875rem;--zn-border-radius-medium:0.325rem;--zn-border-radius-large:0.5rem;--zn-border-radius-x-large:1rem;--zn-border-radius-circle:50%;--zn-border-radius-pill:9999px;--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.10);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.15);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.15);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.15);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.25);--zn-spacing-3x-small:0.125rem;--zn-spacing-2x-small:0.25rem;--zn-spacing-x-small:0.5rem;--zn-spacing-small:0.75rem;--zn-spacing-medium:1rem;--zn-spacing-large:1.25rem;--zn-spacing-x-large:1.75rem;--zn-spacing-2x-large:2.25rem;--zn-spacing-3x-large:3rem;--zn-spacing-4x-large:4.5rem;--zn-spacing-narrow-bar:45px;--zn-spacing-bar:60px;--zn-spacing-tile:80px;--zn-spacing-sidenav:320px;--zn-spacing-small-panel:200px;--zn-spacing-medium-panel:320px;--zn-spacing-panel:360px;--zn-spacing-lside:460px;--zn-container:var(--zn-container-hd);--zn-container-default:100%;--zn-container-sm:360px;--zn-container-smp:480px;--zn-container-ph:600px;--zn-container-md:768px;--zn-container-lg:1100px;--zn-container-hd:1400px;--zn-container-3k:1960px;--zn-container-4k:2560px;--zn-transition-x-slow:1000ms;--zn-transition-slow:500ms;--zn-transition-medium:250ms;--zn-transition-fast:150ms;--zn-transition-x-fast:50ms;--zn-gap:var(--zn-base-gap,var(--zn-spacing-medium,4px));--zn-font-mono:'Roboto Mono',SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;--zn-font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--zn-font-serif:'Roboto Slab',Georgia,'Times New Roman',serif;--zn-font-size-2x-small:0.625rem;--zn-font-size-x-small:0.75rem;--zn-font-size-small:0.929rem;--zn-font-size-medium:1rem;--zn-font-size-large:1.15rem;--zn-font-size-x-large:1.25rem;--zn-font-size-2x-large:2.25rem;--zn-font-size-3x-large:3rem;--zn-font-size-4x-large:4.5rem;--zn-font-weight-light:300;--zn-font-weight-normal:400;--zn-font-weight-medium:500;--zn-font-weight-semibold:600;--zn-font-weight-bold:700;--zn-letter-spacing-denser:-0.03em;--zn-letter-spacing-dense:-0.015em;--zn-letter-spacing-normal:normal;--zn-letter-spacing-loose:0.075em;--zn-letter-spacing-looser:0.15em;--zn-line-height-denser:1;--zn-line-height-dense:1.4;--zn-line-height-normal:1.8;--zn-line-height-loose:2.2;--zn-line-height-looser:2.6;--zn-focus-ring-color:var(--zn-color-primary-600);--zn-focus-ring-style:solid;--zn-focus-ring-width-x-small:1px;--zn-focus-ring-width:3px;--zn-focus-ring:var(--zn-focus-ring-style) var(--zn-focus-ring-width) var(--zn-focus-ring-color);--zn-focus-ring-offset:1px;--zn-input-height-x-small:24px;--zn-input-height-small:30px;--zn-input-height-medium:36px;--zn-input-height-large:40px;--zn-input-background-color:var(--zn-color-neutral-50);--zn-input-background-color-hover:var(--zn-color-neutral-100);--zn-input-background-color-focus:var(--zn-color-neutral-100);--zn-input-background-color-disabled:var(--zn-color-neutral-400);--zn-input-border-color:var(--zn-color-neutral-300);--zn-input-border-color-hover:var(--zn-color-neutral-400);--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:var(--zn-color-neutral-300);--zn-input-border-width:1px;--zn-input-required-content:'*';--zn-input-required-content-offset:-2px;--zn-input-required-content-color:var(--zn-input-label-color);--zn-input-border-radius-x-small:var(--zn-border-radius-medium);--zn-input-border-radius-small:var(--zn-border-radius-medium);--zn-input-border-radius-medium:var(--zn-border-radius-medium);--zn-input-border-radius-large:var(--zn-border-radius-medium);--zn-input-font-family:var(--zn-font-sans);--zn-input-font-weight:var(--zn-font-weight-normal);--zn-input-font-size-x-small:var(--zn-font-size-x-small);--zn-input-font-size-small:var(--zn-font-size-small);--zn-input-font-size-medium:var(--zn-font-size-medium);--zn-input-font-size-large:var(--zn-font-size-large);--zn-input-letter-spacing:var(--zn-letter-spacing-normal);--zn-input-color:var(--zn-color-neutral-800);--zn-input-color-hover:var(--zn-color-neutral-800);--zn-input-color-focus:var(--zn-color-neutral-700);--zn-input-color-disabled:var(--zn-color-neutral-800);--zn-input-icon-color:var(--zn-color-neutral-500);--zn-input-icon-color-hover:var(--zn-color-neutral-600);--zn-input-icon-color-focus:var(--zn-color-neutral-600);--zn-input-placeholder-color:var(--zn-color-neutral-500);--zn-input-placeholder-color-disabled:var(--zn-color-neutral-600);--zn-input-spacing-small:var(--zn-spacing-small);--zn-input-spacing-medium:var(--zn-spacing-medium);--zn-input-spacing-large:var(--zn-spacing-large);--zn-input-focus-ring-color:hsl(256 91% 59%/40%);--zn-input-focus-ring-offset:0;--zn-input-label-font-size-small:var(--zn-font-size-small);--zn-input-label-font-size-medium:var(--zn-font-size-medium);--zn-input-label-font-size-large:var(--zn-font-size-large);--zn-input-label-color:var(--zn-color-neutral-900);--zn-input-help-text-font-size-small:var(--zn-font-size-x-small);--zn-input-help-text-font-size-medium:var(--zn-font-size-small);--zn-input-help-text-font-size-large:var(--zn-font-size-medium);--zn-input-help-text-color:var(--zn-color-neutral-500);--zn-toggle-size-small:0.875rem;--zn-toggle-size-medium:1.125rem;--zn-toggle-size-large:1.375rem;--zn-overlay-background-color:hsl(none 0% 0%/0.7);--zn-panel-background-color:var(--zn-color-neutral-0);--zn-panel-border-color:var(--zn-color-neutral-200);--zn-panel-border-width:1px;--zn-tooltip-border-radius:var(--zn-border-radius-medium);--zn-tooltip-background-color:var(--zn-color-neutral-900);--zn-tooltip-color:var(--zn-color-neutral-0);--zn-tooltip-font-family:var(--zn-font-sans);--zn-tooltip-font-weight:var(--zn-font-weight-normal);--zn-tooltip-font-size:var(--zn-font-size-small);--zn-tooltip-line-height:var(--zn-line-height-dense);--zn-tooltip-padding:var(--zn-spacing-x-small) var(--zn-spacing-small);--zn-tooltip-arrow-size:6px;--zn-z-index-page-nav:500;--zn-z-index-drawer:700;--zn-z-index-dialog:800;--zn-z-index-dropdown:900;--zn-z-index-toast:950;--zn-z-index-tooltip:1000;--zn-z-index-editor-action:1000000}[t=dark],.theme-dark{color-scheme:dark;--zn-color-gray-50:hsl(258,15%,23%);--zn-color-gray-100:hsl(262,12%,35%);--zn-color-gray-200:hsl(259,13%,42%);--zn-color-gray-300:hsl(259,13%,54%);--zn-color-gray-400:hsl(258,15%,58%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-600:hsl(251,17%,76%);--zn-color-gray-700:hsl(260,21%,89%);--zn-color-gray-800:hsl(255,12%,94%);--zn-color-gray-900:hsl(240,13%,95%);--zn-color-gray-950:hsl(255,33%,98%);--zn-color-red-50:hsl(0 56% 23.9%);--zn-color-red-100:hsl(0.6 60% 33.9%);--zn-color-red-200:hsl(0.9 67.2% 37.1%);--zn-color-red-300:hsl(1.1 71.3% 43.7%);--zn-color-red-400:hsl(1 76% 52.5%);--zn-color-red-500:hsl(0.7 89.6% 57.2%);--zn-color-red-600:hsl(0 98.6% 67.9%);--zn-color-red-700:hsl(0 100% 72.3%);--zn-color-red-800:hsl(0 100% 85.6%);--zn-color-red-900:hsl(0 100% 90.3%);--zn-color-red-950:hsl(0 100% 95.9%);--zn-color-orange-50:hsl(15 64.2% 23.3%);--zn-color-orange-100:hsl(15.1 70.9% 31.1%);--zn-color-orange-200:hsl(15.3 75.7% 35.5%);--zn-color-orange-300:hsl(17.1 83.5% 42.7%);--zn-color-orange-400:hsl(20.1 88% 50.8%);--zn-color-orange-500:hsl(24.3 100% 50.5%);--zn-color-orange-600:hsl(27.2 100% 57.7%);--zn-color-orange-700:hsl(31.3 100% 68.7%);--zn-color-orange-800:hsl(33.8 100% 79.3%);--zn-color-orange-900:hsl(38.9 100% 87.7%);--zn-color-orange-950:hsl(46.2 100% 95%);--zn-color-amber-50:hsl(21.9 66.3% 21.1%);--zn-color-amber-100:hsl(21.5 73.6% 29.7%);--zn-color-amber-200:hsl(22.3 77.6% 33.3%);--zn-color-amber-300:hsl(25.4 84.2% 39.6%);--zn-color-amber-400:hsl(31.4 87.4% 46.7%);--zn-color-amber-500:hsl(37 96.6% 48.3%);--zn-color-amber-600:hsl(43.3 100% 53.4%);--zn-color-amber-700:hsl(46.5 100% 61.1%);--zn-color-amber-800:hsl(49.3 100% 73%);--zn-color-amber-900:hsl(51.8 100% 85%);--zn-color-amber-950:hsl(60 100% 94.6%);--zn-color-yellow-50:hsl(34,86%,14%);--zn-color-yellow-100:hsl(36,74%,26%);--zn-color-yellow-200:hsl(40,82%,29%);--zn-color-yellow-300:hsl(43,94%,33%);--zn-color-yellow-400:hsl(48,98%,40%);--zn-color-yellow-500:hsl(53,95%,47%);--zn-color-yellow-600:hsl(51,100%,53%);--zn-color-yellow-700:hsl(54,100%,63%);--zn-color-yellow-800:hsl(61,100%,77%);--zn-color-yellow-900:hsl(63,100%,88%);--zn-color-yellow-950:hsl(63,92%,95%);--zn-color-lime-50:hsl(86.5 54.4% 18%);--zn-color-lime-100:hsl(87.6 56.8% 23.3%);--zn-color-lime-200:hsl(85.8 63.2% 24.5%);--zn-color-lime-300:hsl(86.1 72% 29.4%);--zn-color-lime-400:hsl(85.5 76.8% 37.3%);--zn-color-lime-500:hsl(84.3 74.2% 42.1%);--zn-color-lime-600:hsl(82.8 81.5% 52.6%);--zn-color-lime-700:hsl(82 89.9% 64%);--zn-color-lime-800:hsl(80.9 97.9% 76.6%);--zn-color-lime-900:hsl(77.9 100% 85.8%);--zn-color-lime-950:hsl(69.5 100% 93.8%);--zn-color-green-50:hsl(144.3 53.6% 16%);--zn-color-green-100:hsl(143.2 55.4% 23.5%);--zn-color-green-200:hsl(141.5 58.2% 26.3%);--zn-color-green-300:hsl(140.8 64.2% 31.8%);--zn-color-green-400:hsl(140.3 68% 39.2%);--zn-color-green-500:hsl(141.1 64.9% 43%);--zn-color-green-600:hsl(141.6 72.4% 55.2%);--zn-color-green-700:hsl(141.7 82.7% 70.1%);--zn-color-green-800:hsl(141 90.9% 82.1%);--zn-color-green-900:hsl(142 100% 89.1%);--zn-color-green-950:hsl(144 100% 95.5%);--zn-color-emerald-50:hsl(164.3 75% 13.5%);--zn-color-emerald-100:hsl(163.5 72.6% 20.1%);--zn-color-emerald-200:hsl(162.1 73.7% 22.4%);--zn-color-emerald-300:hsl(161.3 77.3% 27.6%);--zn-color-emerald-400:hsl(159.6 77.1% 34.3%);--zn-color-emerald-500:hsl(159.1 73.5% 37.9%);--zn-color-emerald-600:hsl(157.8 66.8% 48.9%);--zn-color-emerald-700:hsl(156.2 76.1% 63.8%);--zn-color-emerald-800:hsl(152.4 84.4% 77.4%);--zn-color-emerald-900:hsl(149.3 100% 87%);--zn-color-emerald-950:hsl(158.6 100% 94.8%);--zn-color-teal-50:hsl(176.5 51.5% 15.4%);--zn-color-teal-100:hsl(175.9 54.7% 22.3%);--zn-color-teal-200:hsl(175.9 60.7% 23.9%);--zn-color-teal-300:hsl(174.5 67.3% 28.8%);--zn-color-teal-400:hsl(174.4 71.9% 34.9%);--zn-color-teal-500:hsl(173.1 71% 38.3%);--zn-color-teal-600:hsl(172.3 68.2% 48.1%);--zn-color-teal-700:hsl(170.5 81.3% 61.5%);--zn-color-teal-800:hsl(168.4 92.1% 75.2%);--zn-color-teal-900:hsl(168.3 100% 86%);--zn-color-teal-950:hsl(180 100% 95.5%);--zn-color-cyan-50:hsl(197.1 53.8% 20.3%);--zn-color-cyan-100:hsl(196.8 57.3% 27.2%);--zn-color-cyan-200:hsl(195.3 62.7% 29.4%);--zn-color-cyan-300:hsl(193.5 71.3% 34.1%);--zn-color-cyan-400:hsl(192.5 76.8% 40.6%);--zn-color-cyan-500:hsl(189.4 78.6% 42.6%);--zn-color-cyan-600:hsl(188.2 89.1% 51.7%);--zn-color-cyan-700:hsl(187 98.6% 66.2%);--zn-color-cyan-800:hsl(184.9 100% 78.3%);--zn-color-cyan-900:hsl(180 100% 86.6%);--zn-color-cyan-950:hsl(180 100% 94.8%);--zn-color-sky-50:hsl(203 63.8% 20.9%);--zn-color-sky-100:hsl(203.4 70.4% 28%);--zn-color-sky-200:hsl(202.7 75.8% 30.8%);--zn-color-sky-300:hsl(203.1 80.4% 36.1%);--zn-color-sky-400:hsl(202.1 80.5% 44.3%);--zn-color-sky-500:hsl(199.7 85.9% 47.7%);--zn-color-sky-600:hsl(198.7 97.9% 57.2%);--zn-color-sky-700:hsl(198.7 100% 70.5%);--zn-color-sky-800:hsl(198.8 100% 82.5%);--zn-color-sky-900:hsl(198.5 100% 89.9%);--zn-color-sky-950:hsl(186 100% 95.5%);--zn-color-blue-50:hsl(227.1 49.5% 22.7%);--zn-color-blue-100:hsl(225.8 58.9% 36.8%);--zn-color-blue-200:hsl(227.7 64.4% 42.9%);--zn-color-blue-300:hsl(226.1 72.7% 51.2%);--zn-color-blue-400:hsl(222.6 86.5% 56.3%);--zn-color-blue-500:hsl(217.8 95.8% 57.4%);--zn-color-blue-600:hsl(213.3 100% 65%);--zn-color-blue-700:hsl(210.9 100% 74.8%);--zn-color-blue-800:hsl(211.5 100% 83.4%);--zn-color-blue-900:hsl(211 100% 88.9%);--zn-color-blue-950:hsl(201.8 100% 95.3%);--zn-color-indigo-50:hsl(243.5 40.8% 27%);--zn-color-indigo-100:hsl(242.9 45.7% 37.6%);--zn-color-indigo-200:hsl(244.7 52.7% 43.1%);--zn-color-indigo-300:hsl(245.3 60.5% 52.4%);--zn-color-indigo-400:hsl(244.1 79.2% 60.4%);--zn-color-indigo-500:hsl(239.6 88.7% 63.8%);--zn-color-indigo-600:hsl(234.5 96.7% 70.9%);--zn-color-indigo-700:hsl(229.4 100% 78.3%);--zn-color-indigo-800:hsl(227.1 100% 85%);--zn-color-indigo-900:hsl(223.8 100% 89.9%);--zn-color-indigo-950:hsl(220 100% 95.1%);--zn-color-violet-50:hsl(265.1 57.3% 25.4%);--zn-color-violet-100:hsl(263.5 63.8% 39.4%);--zn-color-violet-200:hsl(263.4 66.2% 44.1%);--zn-color-violet-300:hsl(263.7 72.8% 52.4%);--zn-color-violet-400:hsl(262.5 87.3% 59.8%);--zn-color-violet-500:hsl(258.3 95.1% 63.2%);--zn-color-violet-600:hsl(255.1 100% 67.2%);--zn-color-violet-700:hsl(253 100% 81.5%);--zn-color-violet-800:hsl(251.7 100% 87.9%);--zn-color-violet-900:hsl(254.1 100% 91.7%);--zn-color-violet-950:hsl(257.1 100% 96.1%);--zn-color-purple-50:hsl(255,79%,23%);--zn-color-purple-100:hsl(257,73%,35%);--zn-color-purple-200:hsl(257,76%,42%);--zn-color-purple-300:hsl(257,76%,50%);--zn-color-purple-400:hsl(256,91%,59%);--zn-color-purple-500:hsl(252,98%,66%);--zn-color-purple-600:hsl(249,100%,76%);--zn-color-purple-700:hsl(246,100%,85%);--zn-color-purple-800:hsl(244,100%,92%);--zn-color-purple-900:hsl(245,100%,95%);--zn-color-purple-950:hsl(249,100%,97%);--zn-color-fuchsia-50:hsl(297.1 51.2% 18.6%);--zn-color-fuchsia-100:hsl(296.7 59.5% 31.5%);--zn-color-fuchsia-200:hsl(295.4 65.4% 35.1%);--zn-color-fuchsia-300:hsl(294.6 67.4% 42.2%);--zn-color-fuchsia-400:hsl(293.3 68.7% 51.2%);--zn-color-fuchsia-500:hsl(292.1 88.4% 57.7%);--zn-color-fuchsia-600:hsl(292 98.5% 59.5%);--zn-color-fuchsia-700:hsl(292.4 100% 79.5%);--zn-color-fuchsia-800:hsl(292.9 100% 86.8%);--zn-color-fuchsia-900:hsl(300 100% 91.5%);--zn-color-fuchsia-950:hsl(300 100% 96.3%);--zn-color-pink-50:hsl(336.2 59.6% 20%);--zn-color-pink-100:hsl(336.8 63.9% 34%);--zn-color-pink-200:hsl(336.8 68.7% 37.6%);--zn-color-pink-300:hsl(336.1 71.8% 44.5%);--zn-color-pink-400:hsl(333.9 74.9% 53.1%);--zn-color-pink-500:hsl(330.7 86.3% 57.7%);--zn-color-pink-600:hsl(328.6 91.5% 67.2%);--zn-color-pink-700:hsl(327.4 97.6% 78.7%);--zn-color-pink-800:hsl(325.1 100% 86.6%);--zn-color-pink-900:hsl(322.1 100% 91.3%);--zn-color-pink-950:hsl(315 100% 95.9%);--zn-color-rose-50:hsl(342.3 62.9% 21.5%);--zn-color-rose-100:hsl(342.8 68.9% 34.2%);--zn-color-rose-200:hsl(344.8 72.6% 37.3%);--zn-color-rose-300:hsl(346.9 75.8% 43.7%);--zn-color-rose-400:hsl(348.2 80.1% 52.7%);--zn-color-rose-500:hsl(350.4 94.8% 57.5%);--zn-color-rose-600:hsl(351.2 100% 58.1%);--zn-color-rose-700:hsl(352.3 100% 78.1%);--zn-color-rose-800:hsl(352 100% 86.2%);--zn-color-rose-900:hsl(354.5 100% 90.7%);--zn-color-rose-950:hsl(353.3 100% 95.7%);--zn-color-neutral-0:hsl(0,0%,0%);--zn-color-neutral-1000:hsl(0,0%,100%);--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.18);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.24);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.24);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.24);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.34);--zn-input-background-color:rgb(var(--zn-color-body));--zn-input-background-color-hover:rgb(var(--zn-color-body));--zn-input-background-color-focus:hsl(252,15%,13%);--zn-input-background-color-disabled:hsl(280,6%,9%);--zn-input-border-color:rgb(var(--zn-color-border));--zn-input-border-color-hover:rgb(var(--zn-color-border-active));--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:hsl(280,6%,9%);--zn-focus-ring-color:var(--zn-color-primary-700);--zn-overlay-background-color:hsl(0 0% 0%/43%);--zn-panel-background-color:rgb(var(--zn-panel));--zn-tooltip-background-color:var(--zn-color-neutral-800)}@supports (scrollbar-gutter:stable){.zn-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter:stable){.zn-scroll-lock{padding-right:var(--zn-scroll-lock-size) !important;overflow:hidden !important}}.zn-toast-stack{position:fixed;bottom:0;inset-inline-end:0;z-index:var(--zn-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.zn-toast-stack zn-alert{margin:var(--zn-spacing-medium)}.zn-toast-stack zn-alert::part(base){box-shadow:var(--zn-shadow-large)}@media screen and (min-width:768px){.zn-toast-stack zn-alert{margin:var(--zn-spacing-large)}}.zn-gutter{margin:0 var(--zn-gutter)}.zn-gap{gap:var(--zn-gap,0);padding:var(--zn-base-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in{gap:var(--zn-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in-sm{--zn-gap:var(--zn-spacing-small,0);gap:var(--zn-gap,0)}.zn-gap-md{gap:15px}.zn-gap-inner{gap:var(--zn-gap,0)}.zn-gap-ism{gap:var(--zn-gap,0);--zn-gap:10px}.zn-gap-ixs{gap:var(--zn-gap,0);--zn-gap:5px}.zn-max-hide{max-height:100%;overflow:hidden}.zn-hide-empty:empty{display:none}.zn-nopoint{pointer-events:none}.form-spacing{display:grid;grid-template-columns:1fr;gap:var(--zn-spacing-medium) var(--zn-spacing-small)}@media (min-width:768px){.form-spacing{grid-template-columns:repeat(6,1fr)}}.form-spacing~.form-spacing{margin-top:var(--zn-base-gap)}zn-form-group~zn-form-group{margin-top:var(--zn-base-gap);padding-top:var(--zn-base-gap);border-top:1px solid rgb(var(--zn-border-color))}.form-spacing>*{grid-column:span 6/span 6}@media (min-width:768px){.form-spacing>*[span="1"]{grid-column:span 1/span 1}}@media (min-width:768px){.form-spacing>*[span="2"]{grid-column:span 2/span 2}}@media (min-width:768px){.form-spacing>*[span="3"]{grid-column:span 3/span 3}}@media (min-width:768px){.form-spacing>*[span="4"]{grid-column:span 4/span 4}}@media (min-width:768px){.form-spacing>*[span="5"]{grid-column:span 5/span 5}}@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:root{--zn-base-px:8px;--zn-base-gap:calc(var(--zn-base-px) * 2);--zn-gutter:2px;--zn-default-margin:0 auto 0 0;--zn-icon-size:20px;--zn-button-gutter:2px;--zn-font-family-sans:'Inter',sans-serif;--zn-font-family-serif:'Roboto Slab',serif;--zn-font-family-mono:'Roboto Mono',monospace}:root,[t=light],.theme-light{--zn-backdrop-color:rgba(0,0,0,0.5);--zn-color-text:33,33,33;--zn-color-muted-text:125,119,146;--zn-color-base:255,255,255;--zn-color-body:248,247,252;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:248,249,252;--zn-color-border:219,217,236;--zn-color-border-active:209,207,226;--zn-color-tab:236,235,249;--zn-color-panel:255,255,255;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}[t=dark],.theme-dark{--zn-backdrop-color:rgba(0,0,0,0.85);--zn-color-text:215,215,215;--zn-color-muted-text:145,145,145;--zn-color-base:0,0,0;--zn-color-body:23,23,23;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:10,10,10;--zn-color-border:38,38,38;--zn-color-border-active:80,80,80;--zn-color-tab:5,5,5;--zn-color-panel:30,30,30;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}@media (min-width:1200px){:root{--zn-base-gap:calc(var(--zn-base-px) * 3)}}@media (min-width:2500px){:root{--zn-default-margin:0 auto}}:root{--zn-primary:var(--zn-color-primary);--zn-red:237,84,109;--zn-blue:100,117,242;--zn-green:43,192,145;--zn-orange:255,136,0;--zn-yellow:255,193,7;--zn-indigo:63,81,181;--zn-violet:156,39,176;--zn-pink:255,108,156;--zn-grey:158,158,158;--zn-accent:71,214,214;--zn-size-bar:60px;--zn-size-tile:80px;--zn-size-sidenav:320px;--zn-size-spanel:170px;--zn-size-mpanel:320px;--zn-size-panel:360px;--zn-size-lside:460px;--zn-bg-opacity:1;--zn-text-opacity:1;--base:255,255,255;--inverse-base:0,0,0}.zn-mono{font-family:var(--zn-font-family-mono,"monospace")}:root,[t=light],.theme-light,[t=dark],.theme-dark{--zn-body:var(--zn-color-body);--zn-text:var(--zn-color-text);--zn-text-heading:var(--zn-color-text);--zn-text-page-title:var(--zn-color-text);--zn-text-panel-title:var(--zn-color-text);--zn-panel:var(--zn-color-panel);--zn-border-color:var(--zn-color-border);--zn-input-bg:var(--zn-color-body)}[t=light],.theme-light{--zn-panel-opacity:1;--zn-shadow:236,233,241;--zn-panel-secondary:246 246 246;--zn-panel-highlight:248,249,252;--zn-panel-highlight-opacity:1;--zn-input-bg-accent:237,235,245;--zn-bright-bg:255,255,255;--zn-light-text:123,112,151;--zn-dark-text:56,39,104;--zn-purple-text:104,54,245}[t=light] .zn-primary,.theme-light .zn-primary{color:rgb(var(--zn-color-primary))}[t=dark],.theme-dark{--zn-shadow:10,10,10;--zn-panel-secondary:27,27,30;--zn-panel-opacity:1;--zn-panel-highlight:25,27,32;--zn-panel-highlight-opacity:0.1;--zn-input-bg-accent:72,84,102;--zn-bright-bg:225,225,225;--zn-light-text:173,163,192;--zn-dark-text:201,201,201;--zn-purple-text:129,140,249;--zn-accent:15,165,234;--zn-primary:137,103,239;--base:0,0,0;--inverse-base:255,255,255}[t=dark] .zn-primary,.theme-dark .zn-primary{color:#8967ef !important}.ml-px{margin-left:1px}.mr-px{margin-right:1px}.mt-px{margin-top:1px}.mb-px{margin-bottom:1px}.mx-px{margin-left:1px;margin-right:1px}.my-px{margin-top:1px;margin-bottom:1px}.m-px{margin:1px}.ml-xxs{margin-left:3px}.mr-xxs{margin-right:3px}.mt-xxs{margin-top:3px}.mb-xxs{margin-bottom:3px}.mx-xxs{margin-left:3px;margin-right:3px}.my-xxs{margin-top:3px;margin-bottom:3px}.m-xxs{margin:3px}.ml-xs{margin-left:5px}.mr-xs{margin-right:5px}.mt-xs{margin-top:5px}.mb-xs{margin-bottom:5px}.mx-xs{margin-left:5px;margin-right:5px}.my-xs{margin-top:5px;margin-bottom:5px}.m-xs{margin:5px}.ml-sm{margin-left:10px}.mr-sm{margin-right:10px}.mt-sm{margin-top:10px}.mb-sm{margin-bottom:10px}.mx-sm{margin-left:10px;margin-right:10px}.my-sm{margin-top:10px;margin-bottom:10px}.m-sm{margin:10px}.ml-md{margin-left:15px}.mr-md{margin-right:15px}.mt-md{margin-top:15px}.mb-md{margin-bottom:15px}.mx-md{margin-left:15px;margin-right:15px}.my-md{margin-top:15px;margin-bottom:15px}.m-md{margin:15px}.ml-lg{margin-left:20px}.mr-lg{margin-right:20px}.mt-lg{margin-top:20px}.mb-lg{margin-bottom:20px}.mx-lg{margin-left:20px;margin-right:20px}.my-lg{margin-top:20px;margin-bottom:20px}.m-lg{margin:20px}.ml-xl{margin-left:25px}.mr-xl{margin-right:25px}.mt-xl{margin-top:25px}.mb-xl{margin-bottom:25px}.mx-xl{margin-left:25px;margin-right:25px}.my-xl{margin-top:25px;margin-bottom:25px}.m-xl{margin:25px}.zn-red{color:rgb(var(--zn-red))}.zn-blue{color:rgb(var(--zn-blue))}.zn-green{color:rgb(var(--zn-green))}.zn-orange{color:rgb(var(--zn-orange))}.zn-yellow{color:rgb(var(--zn-yellow))}.zn-indigo{color:rgb(var(--zn-indigo))}.zn-violet{color:rgb(var(--zn-violet))}.zn-pink{color:rgb(var(--zn-pink))}.zn-grey{color:rgb(var(--zn-grey))}.zn-primary{color:rgb(var(--zn-primary))}.zn-accent{color:rgb(var(--zn-accent))}.zn-info{color:rgb(var(--zn-color-info))}.zn-warning{color:rgb(var(--zn-color-warning))}.zn-error{color:rgb(var(--zn-color-error))}.zn-success{color:rgb(var(--zn-color-success))}ul.gap li{margin:5px 0}ul.circle,ul.decimal,ul.disc,ul.square{padding:5px 0 5px 15px}ul.circle{list-style-type:circle}ul.decimal{list-style-type:decimal}ul.disc{list-style-type:disc}ul.square{list-style-type:square}:host,html,body{color:rgba(var(--zn-text),var(--zn-text-opacity));font-family:var(--zn-font-family-sans);font-feature-settings:normal;font-variation-settings:normal;font-size:14px;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}html,body{background-color:rgba(var(--zn-body),var(--zn-bg-opacity));container-type:size;min-height:100%;height:100%}.inline-container{container-type:inline-size}.app-container{container-type:inline-size;display:flex;flex:1;flex-direction:column;position:relative;max-height:100%;height:100%;width:100%;max-width:100%}.inline-app-container,.app-container.inline-app-container,[inline-container] .app-container{display:block;height:auto;flex:unset}hr{height:0;border:none;border-top:1px solid rgb(var(--zn-border-color))}code,kbd,samp,pre,.mono{font-family:var(--zn-font-family-mono);font-size:1em}small{font-size:80%}.hidden{display:none !important}.visibility-hidden{visibility:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--zn-font-weight-medium);color:rgb(var(--zn-text-heading))}h6{font-size:var(--zn-font-size-x-small)}h5{font-size:var(--zn-font-size-small)}h4{font-size:var(--zn-font-size-medium)}h3{font-size:var(--zn-font-size-large)}h2{font-size:var(--zn-font-size-x-large)}h1{font-size:var(--zn-font-size-2x-large)}kbd{font-family:monospace;background-color:#eee;color:#333;border:1px solid rgb(var(--zn-border-color));border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.2),0 1px 0 0 hsla(0,0%,100%,.5) inset;display:inline-block;font-size:13px;line-height:20px;padding:1px 6px;white-space:nowrap;min-width:15px;color:rgba(0,0,0,.5)}[t=dark] kbd{background-color:#191919;box-shadow:0 1px 1px rgba(0,0,0,.2),0 1px 0 0 rgba(110,110,110,.5) inset;color:#eee}[tab]{cursor:pointer}.zn-link:hover{--zn-text:rgb(var(--zn-primary));--icon-color:rgb(var(--zn-primary));--zn-text-heading:rgb(var(--zn-primary));--property-color:rgb(var(--zn-primary));opacity:1}.grow{flex-grow:1}.no-grow{flex-grow:0}.shrink{flex-shrink:1}.no-shrink{flex-shrink:0}.block{display:block}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-mid{display:flex;align-items:center}.flex-jc{justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-bottom{display:flex;align-items:flex-end}.equal{flex-basis:50%}.m-auto{margin:auto}.mt-auto{margin-top:auto}.zn-pad{padding:var(--zn-base-gap,0)}.zn-pad-y,.zn-py{padding-top:15px;padding-bottom:15px}.zn-pad-x,.zn-px{padding-left:15px;padding-right:15px}.zn-pr{padding-right:15px}.zn-pl{padding-left:15px}.zn-pt{padding-top:15px}.zn-pb{padding-bottom:15px}.zn-margin{margin:15px}.zn-mx{margin-left:15px;margin-right:15px}.zn-my{margin-top:15px;margin-bottom:15px}.zn-mt{margin-top:15px}.zn-mb{margin-bottom:15px}.zn-ml{margin-left:15px}.zn-mr{margin-right:15px}.zn-mxa{margin-left:auto;margin-right:auto}.zn-mya{margin-top:auto;margin-bottom:auto}.zn-mta{margin-top:auto}.zn-mba{margin-bottom:auto}.zn-mla{margin-left:auto}.zn-mra{margin-right:auto}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@keyframes act-vanish{from{transform:scale(1);opacity:1;max-height:100%}to{transform:scale(0.8);opacity:0;max-height:0}}.act-vanish{animation:ease-in act-vanish 600ms forwards;transform-origin:top center;background-color:rgba(var(--zn-color-error),0.3);display:block;overflow:hidden}.h-full{height:100%}.w-full{width:100%}.zn-panel-bg{--zn-page-surface-background:var(--zn-panel);background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.zn-panel{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius-large);--zn-page-surface-background:var(--zn-panel)}.zn-container{display:flex;flex-direction:column;flex-grow:1;max-height:100%;overflow:hidden}.tar{text-align:right}.tal{text-align:left}.tac{text-align:center}.zn-empty-hide:empty{display:none}.ml-auto{margin-left:auto}.zn-b-dash{border-style:dashed}.zn-b-dotted{border-style:dotted}.zn-border{border-style:solid;border-width:1px !important}.zn-bt{border-top-style:solid;border-top-width:1px !important}.zn-bb{border-bottom-style:solid;border-bottom-width:1px !important}.zn-bl{border-left-style:solid;border-left-width:1px !important}.zn-br{border-right-style:solid;border-right-width:1px !important}.unifi-action{display:flex;gap:10px;padding:10px 0;align-items:center}.zn-panel-bar{border-bottom:1px solid rgb(var(--zn-border-color));background-color:rgba(var(--zn-panel),0.9);padding:var(--zn-base-px);gap:var(--zn-base-px);display:flex;flex-wrap:wrap;align-items:center;z-index:1}.zn-panel-bar--pill{border-radius:var(--zn-border-radius-large);border:1px solid rgb(var(--zn-border-color))}.zn-panel-bar--large{padding:var(--zn-base-px) calc(var(--zn-base-gap) + var(--zn-gutter));gap:var(--zn-base-px);height:50px}.scroll-container{overflow:auto;flex-grow:1;position:relative;display:flex;flex-direction:column;max-height:100%}.zn-divide{display:flex;flex-direction:column}.zn-divide>*:not(:first-child){border-top:1px solid rgb(var(--zn-border-color))}.zn-divide>div:empty+div:not(:first-child){border-top:0}.zn-divide-y{display:flex;flex-direction:row}.zn-divide-y>*:not(:first-child):not(:empty){border-left:1px solid rgb(var(--zn-border-color))}.zn-c-pad{--zn-pad-spacing:var(--zn-spacing-large)}.zn-c-pad-x>*{padding-left:var(--zn-pad-spacing);padding-right:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:first-child){padding-top:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:last-child){padding-bottom:var(--zn-pad-spacing)}.zn-nav.zn-transparent{background:rgba(0,0,0,0)}.zn-nav{background:rgba(var(--zn-panel),var(--zn-panel-opacity));border-right:1px solid rgb(var(--zn-border-color));max-width:320px;height:100%;padding-top:5px}.zn-nav ul{list-style:none;padding-bottom:10px;margin:0;display:flex;flex-direction:column;position:relative}.zn-nav ul:after{content:"";height:1px;left:18px;right:18px;bottom:0;position:absolute;background:rgb(var(--zn-border-color))}.zn-nav ul li a{text-decoration:none;color:rgb(var(--zn-text));display:block;font-weight:500;cursor:pointer}.zn-nav ul li a:hover,.zn-nav ul li a.zn-tb-active{background:rgb(var(--zn-body))}.zn-nav ul li a.zn-tb-active{color:rgb(var(--zn-purple-text))}.zn-nav ul:last-child:after{display:none}.zn-nav strong,.zn-nav li a{padding:10px 20px}.zn-nav strong{display:block;margin-top:10px;font-size:13px;letter-spacing:.93px;color:rgb(var(--zn-text-heading));font-weight:600;padding-bottom:5px;text-transform:uppercase}@keyframes shimmer-text-sweep{0%{background-position:100% center}100%{background-position:0% center}}@media (prefers-reduced-motion:no-preference){.shimmer-text{--shimmer-base:rgb(var(--zn-text));--shimmer-highlight:rgb(var(--zn-text-heading));--shimmer-core:0.5ch;--shimmer-spread:1.5ch;--shimmer-duration:1.5s;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(90deg,transparent calc(50% - var(--shimmer-spread)),var(--shimmer-highlight) calc(50% - var(--shimmer-core)),var(--shimmer-highlight) calc(50% + var(--shimmer-core)),transparent calc(50% + var(--shimmer-spread))),linear-gradient(var(--shimmer-base),var(--shimmer-base));background-size:250% 100%,auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0) !important;color:rgba(0,0,0,0) !important;animation:var(--shimmer-duration) linear infinite shimmer-text-sweep}.shimmer-text.zn-error{--shimmer-base:rgb(var(--zn-color-error));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-error)) 55%,white)}.shimmer-text.zn-success{--shimmer-base:rgb(var(--zn-color-success));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-success)) 55%,white)}.shimmer-text.zn-info{--shimmer-base:rgb(var(--zn-color-info));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-info)) 55%,white)}.shimmer-text.zn-warning{--shimmer-base:rgb(var(--zn-color-warning));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,white)}.shimmer-text.zn-primary{--shimmer-base:rgb(var(--zn-primary));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-primary)) 55%,white)}.shimmer-text.zn-accent{--shimmer-base:rgb(var(--zn-accent));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-accent)) 55%,white)}}@media (prefers-reduced-motion:reduce){.shimmer-text{color:rgb(var(--zn-text))}.shimmer-text.zn-error{color:rgb(var(--zn-color-error)) !important}.shimmer-text.zn-success{color:rgb(var(--zn-color-success)) !important}.shimmer-text.zn-info{color:rgb(var(--zn-color-info)) !important}.shimmer-text.zn-warning{color:rgb(var(--zn-color-warning)) !important}.shimmer-text.zn-primary{color:rgb(var(--zn-primary)) !important}.shimmer-text.zn-accent{color:rgb(var(--zn-accent)) !important}}*,*::before,*::after{box-sizing:border-box}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}b{font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.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;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:rgba(0,0,0,0);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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:inline-block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}button,.zn-button{border-radius:var(--zn-border-radius-medium);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:hsla(0,0%,100%,.9);font-weight:600;cursor:pointer;vertical-align:middle;border-color:rgba(0,0,0,0);white-space:nowrap;line-height:20px;max-height:36px;height:36px;min-height:36px}button:hover:not([disabled]),.zn-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{display:block;width:100%;border-radius:5px;border-style:solid;border-width:1px !important;border-color:rgb(var(--zn-border-color));background-color:rgb(var(--zn-input-bg));outline:none}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=file]:focus,input[list]:focus,textarea:focus,select:focus{border-color:rgb(var(--zn-primary));box-shadow:0 0 0 3px rgba(var(--zn-primary),0.3)}input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=file]::-moz-placeholder, input[list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,input[type=file]::placeholder,input[list]::placeholder,textarea::placeholder,select::placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}@media (min-width:360px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{padding:10px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));line-height:var(--zn-spacing-medium);color:rgb(var(--zn-text-heading));display:block;margin-bottom:5px;margin-top:15px}input[type=checkbox],input[type=radio]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;background-color:rgb(var(--zn-border-color));height:10px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 15px 15px}select option{padding:5px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:5px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius-medium);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:hsla(0,0%,100%,.9);font-weight:600;cursor:pointer;vertical-align:middle;border-color:rgba(0,0,0,0);white-space:nowrap;line-height:20px;max-height:36px;height:36px;min-height:36px}input[type=button]:hover:not([disabled]),input[type=submit]:hover:not([disabled]),button[type=submit]:not(.button):hover:not([disabled]),button[type=button]:not(.button):hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){width:auto}div+button{margin-top:15px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius-medium);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:hsla(0,0%,100%,.9);font-weight:600;cursor:pointer;vertical-align:middle;border-color:rgba(0,0,0,0);white-space:nowrap;line-height:20px;max-height:36px;height:36px;min-height:36px}input[type=file]::-webkit-file-upload-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=file]::-webkit-file-upload-button{margin-right:10px}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px}input[list]::-webkit-calendar-picker-indicator{padding:10px 5px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:10px;background-color:rgb(var(--zn-primary));color:rgb(var(--zn-text));border-radius:50%}.input--with-icon input{padding-left:40px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--zn-text));-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(35,35,35,.1607843137)}select{height:43px}.no-border{border:none !important}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left}table:not(.remarkd-table) thead{font-weight:500}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) tbody tr:nth-of-type(even){background-color:rgba(var(--zn-body))}table:not(.remarkd-table) thead tr th:first-of-type,table:not(.remarkd-table) tbody tr td:first-of-type{padding-left:14px}table:not(.remarkd-table) thead tr th:last-of-type,table:not(.remarkd-table) tbody tr td:last-of-type{padding-right:14px}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:15px;min-width:90px;white-space:nowrap}table:not(.remarkd-table) th:first-child,table:not(.remarkd-table) td:first-child{padding-left:0}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}thead tr:last-of-type th{border-bottom:0}.opacity-100{opacity:1}.opacity-90{opacity:.9}.opacity-80{opacity:.8}.opacity-60{opacity:.6}.opacity-50{opacity:.5}.opacity-40{opacity:.4}.opacity-10{opacity:.1}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7,var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7,var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}.air-datepicker{--adp-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92,196,239,.1);--adp-background-color-in-range-focused:rgba(92,196,239,.2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92,196,239,0.1);--adp-cell-background-color-in-range-hover:rgba(92,196,239,0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0,0,0,.3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0,0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-color:rgba(var(--zn-text),var(--zn-text-opacity));--adp-nav-color-secondary:rgb(var(--zn-purple-text));--adp-day-name-color:var(--zn-color-primary-600);--adp-day-name-color-hover:var(--zn-color-primary-700);--adp-cell-background-color-selected:var(--zn-color-primary-600);--adp-cell-background-color-selected-hover:var(--zn-color-primary-700);--adp-color-current-date:var(--zn-color-primary-600);--adp-background-color:var(--zn-input-background-color);--adp-background-color-hover:var(--zn-input-background-color-hover);--adp-background-color-active:var(--zn-input-background-color-hover);--adp-background-color-selected-other-month:var(--zn-color-primary-300);--adp-background-color-in-range:var(--zn-color-primary-100);--adp-border-color:rgb(var(--zn-border-color));--adp-border-color-inline:rgb(var(--zn-border-color));--adp-border-color-inner:rgb(var(--zn-border-color));--adp-cell-background-color-in-range:var(--zn-color-primary-100);--adp-cell-background-color-in-range-hover:var(--zn-color-primary-200)}.air-datepicker--pointer:after{background-color:var(--zn-input-background-color)}.air-datepicker-global-container{z-index:1000000}.air-datepicker-button{border:none;padding:var(--zn-spacing-2x-small) var(--zn-spacing-x-small);border-radius:var(--adp-border-radius);font-family:var(--adp-font-family),sans-serif;font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);cursor:pointer;color:rgba(var(--zn-text),var(--zn-text-opacity))}.air-datepicker-button:hover{background-color:var(--zn-input-background-color-hover) !important}.zn-cloak:has(:not(:defined)){animation:2s step-end zn-cloak}@keyframes zn-cloak{from{opacity:0}to{opacity:1}}
|
|
1
|
+
:root,[t=light],.theme-light{color-scheme:light;--zn-color-gray-100:hsl(240,13%,95%);--zn-color-gray-300:hsl(260,21%,89%);--zn-color-gray-400:hsl(251,17%,76%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-800:hsl(259,13%,42%);--zn-color-gray-900:hsl(262,12%,35%);--zn-color-red-500:hsl(0 84.2% 60.2%);--zn-color-red-600:hsl(0 72.2% 50.6%);--zn-color-orange-500:hsl(24.6 95% 53.1%);--zn-color-amber-400:hsl(43.3 96.4% 56.3%);--zn-color-yellow-400:hsl(51,100%,53%);--zn-color-green-500:hsl(142.1 70.6% 45.3%);--zn-color-blue-500:hsl(217.2 91.2% 59.8%);--zn-color-indigo-400:hsl(234.5 89.5% 73.9%);--zn-color-indigo-500:hsl(238.7 83.5% 66.7%);--zn-color-violet-500:hsl(258.3 89.5% 66.3%);--zn-color-violet-600:hsl(262.1 83.3% 57.8%);--zn-color-purple-50:hsl(249,100%,97%);--zn-color-purple-100:hsl(245,100%,95%);--zn-color-purple-200:hsl(244,100%,92%);--zn-color-purple-600:hsl(256,91%,59%);--zn-color-pink-400:hsl(328.6 85.5% 70.2%);--zn-color-pink-500:hsl(330.4 81.2% 60.4%);--zn-color-primary-50:var(--zn-color-purple-50);--zn-color-primary-100:var(--zn-color-purple-100);--zn-color-primary-200:var(--zn-color-purple-200);--zn-color-primary-300:hsl(246,100%,85%);--zn-color-primary-400:hsl(249,100%,76%);--zn-color-primary-500:hsl(252,98%,66%);--zn-color-primary-600:var(--zn-color-purple-600);--zn-color-primary-700:hsl(257,76%,50%);--zn-color-primary-800:hsl(257,76%,42%);--zn-color-primary-900:hsl(257,73%,35%);--zn-color-success-50:hsl(138.5 76.5% 96.7%);--zn-color-success-200:rgb(var(--zn-green));--zn-color-success-300:hsl(141.7 76.6% 73.1%);--zn-color-success-400:hsl(141.9 69.2% 58%);--zn-color-success-500:var(--zn-color-green-500);--zn-color-success-600:hsl(142.1 76.2% 36.3%);--zn-color-success-700:hsl(142.4 71.8% 29.2%);--zn-color-warning-50:hsl(48 100% 96.1%);--zn-color-warning-400:var(--zn-color-amber-400);--zn-color-warning-500:hsl(37.7 92.1% 50.2%);--zn-color-warning-600:hsl(32.1 94.6% 43.7%);--zn-color-danger-50:hsl(0 85.7% 97.3%);--zn-color-danger-100:rgb(var(--zn-red));--zn-color-danger-200:rgb(var(--zn-red));--zn-color-danger-300:hsl(0 93.5% 81.8%);--zn-color-danger-500:var(--zn-color-red-500);--zn-color-danger-600:var(--zn-color-red-600);--zn-color-danger-700:rgb(var(--zn-red));--zn-color-danger-800:hsl(0 70% 35.3%);--zn-color-neutral-50:hsl(255,33%,98%);--zn-color-neutral-100:var(--zn-color-gray-100);--zn-color-neutral-200:hsl(255,12%,94%);--zn-color-neutral-300:var(--zn-color-gray-300);--zn-color-neutral-400:var(--zn-color-gray-400);--zn-color-neutral-500:var(--zn-color-gray-500);--zn-color-neutral-600:hsl(258,15%,58%);--zn-color-neutral-700:hsl(259,13%,54%);--zn-color-neutral-800:var(--zn-color-gray-800);--zn-color-neutral-900:var(--zn-color-gray-900);--zn-color-neutral-0:hsl(0,0%,100%);--zn-color-neutral-1000:hsl(0,0%,0%);--zn-border-radius:6px;--zn-border-radius-small:2px;--zn-border-radius-circle:50%;--zn-border-radius-pill:9999px;--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.10);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.15);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.15);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.15);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.25);--zn-container:var(--zn-container-hd);--zn-container-default:100%;--zn-container-sm:360px;--zn-container-smp:480px;--zn-container-ph:600px;--zn-container-md:768px;--zn-container-lg:1100px;--zn-container-hd:1400px;--zn-container-3k:1960px;--zn-container-4k:2560px;--zn-transition-x-slow:1000ms;--zn-transition-slow:500ms;--zn-transition-medium:250ms;--zn-transition-fast:150ms;--zn-transition-x-fast:50ms;--zn-gap:var(--zn-base-gap,var(--zn-spacing-medium,4px));--zn-font-mono:'Roboto Mono',SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;--zn-font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--zn-font-serif:'Roboto Slab',Georgia,'Times New Roman',serif;--zn-font-size-2x-small:0.625rem;--zn-font-size-x-small:0.75rem;--zn-font-size-small:0.929rem;--zn-font-size-medium:1rem;--zn-font-size-large:1.15rem;--zn-font-size-x-large:1.25rem;--zn-font-size-2x-large:2.25rem;--zn-font-size-3x-large:3rem;--zn-font-size-4x-large:4.5rem;--zn-font-weight-light:300;--zn-font-weight-normal:400;--zn-font-weight-medium:500;--zn-font-weight-semibold:600;--zn-font-weight-bold:700;--zn-letter-spacing-normal:normal;--zn-letter-spacing-loose:0.5px;--zn-line-height-denser:1;--zn-line-height-dense:1.5;--zn-line-height-normal:2;--zn-line-height-loose:2.5;--zn-line-height-looser:3;--zn-focus-ring-color:var(--zn-color-primary-600);--zn-focus-ring-style:solid;--zn-focus-ring-width-x-small:1px;--zn-focus-ring-width:3px;--zn-focus-ring:var(--zn-focus-ring-style) var(--zn-focus-ring-width) var(--zn-focus-ring-color);--zn-focus-ring-offset:1px;--zn-input-height-x-small:24px;--zn-input-height-small:30px;--zn-input-height-medium:36px;--zn-input-height-large:40px;--zn-input-background-color:var(--zn-color-neutral-50);--zn-input-background-color-hover:var(--zn-color-neutral-100);--zn-input-background-color-focus:var(--zn-color-neutral-100);--zn-input-background-color-disabled:var(--zn-color-neutral-400);--zn-input-border-color:var(--zn-color-neutral-300);--zn-input-border-color-hover:var(--zn-color-neutral-400);--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:var(--zn-color-neutral-300);--zn-input-border-width:1px;--zn-input-required-content:'*';--zn-input-required-content-offset:-2px;--zn-input-required-content-color:var(--zn-input-label-color);--zn-input-border-radius-x-small:var(--zn-border-radius);--zn-input-border-radius-small:var(--zn-border-radius);--zn-input-border-radius-medium:var(--zn-border-radius);--zn-input-border-radius-large:var(--zn-border-radius);--zn-input-font-family:var(--zn-font-sans);--zn-input-font-weight:var(--zn-text-input-content-font-weight);--zn-input-font-size-x-small:var(--zn-font-size-x-small);--zn-input-font-size-small:var(--zn-font-size-small);--zn-input-font-size-medium:var(--zn-text-input-content-font-size);--zn-input-font-size-large:var(--zn-font-size-large);--zn-input-line-height:var(--zn-text-input-content-line-height);--zn-input-letter-spacing:var(--zn-letter-spacing-normal);--zn-input-color:var(--zn-text-input-content-color);--zn-input-color-hover:var(--zn-color-neutral-800);--zn-input-color-focus:var(--zn-color-neutral-700);--zn-input-color-disabled:var(--zn-color-neutral-800);--zn-input-icon-color:var(--zn-color-neutral-500);--zn-input-icon-color-hover:var(--zn-color-neutral-600);--zn-input-icon-color-focus:var(--zn-color-neutral-600);--zn-input-placeholder-color:var(--zn-text-input-placeholder-color);--zn-input-placeholder-color-disabled:var(--zn-color-neutral-600);--zn-input-spacing-small:var(--zn-spacing-small);--zn-input-spacing-medium:var(--zn-spacing-medium);--zn-input-spacing-large:var(--zn-spacing-large);--zn-input-focus-ring-color:hsl(256 91% 59%/40%);--zn-input-focus-ring-offset:0;--zn-input-label-font-size-small:var(--zn-font-size-small);--zn-input-label-font-size-medium:var(--zn-text-input-label-font-size);--zn-input-label-font-size-large:var(--zn-font-size-large);--zn-input-label-font-weight:var(--zn-text-input-label-font-weight);--zn-input-label-line-height:var(--zn-text-input-label-line-height);--zn-input-label-color:var(--zn-text-input-label-color);--zn-input-help-text-font-size-small:var(--zn-font-size-x-small);--zn-input-help-text-font-size-medium:var(--zn-font-size-small);--zn-input-help-text-font-size-large:var(--zn-font-size-medium);--zn-input-help-text-color:var(--zn-color-neutral-500);--zn-toggle-size-small:0.875rem;--zn-toggle-size-medium:1.125rem;--zn-toggle-size-large:1.375rem;--zn-overlay-background-color:hsl(none 0% 0%/0.7);--zn-panel-background-color:var(--zn-color-neutral-0);--zn-panel-border-color:var(--zn-color-neutral-200);--zn-panel-border-width:1px;--zn-tooltip-border-radius:var(--zn-border-radius);--zn-tooltip-background-color:var(--zn-color-neutral-900);--zn-tooltip-color:var(--zn-color-neutral-0);--zn-tooltip-font-family:var(--zn-font-sans);--zn-tooltip-font-weight:var(--zn-font-weight-normal);--zn-tooltip-font-size:var(--zn-font-size-small);--zn-tooltip-line-height:var(--zn-line-height-dense);--zn-tooltip-padding:var(--zn-spacing-x-small) var(--zn-spacing-small);--zn-tooltip-arrow-size:6px;--zn-z-index-page-nav:500;--zn-z-index-drawer:700;--zn-z-index-dialog:800;--zn-z-index-dropdown:900;--zn-z-index-toast:950;--zn-z-index-tooltip:1000;--zn-z-index-editor-action:1000000}[t=dark],.theme-dark{color-scheme:dark;--zn-color-gray-50:hsl(258,15%,23%);--zn-color-gray-100:hsl(262,12%,35%);--zn-color-gray-200:hsl(259,13%,42%);--zn-color-gray-300:hsl(259,13%,54%);--zn-color-gray-400:hsl(258,15%,58%);--zn-color-gray-500:hsl(254,17%,66%);--zn-color-gray-600:hsl(251,17%,76%);--zn-color-gray-700:hsl(260,21%,89%);--zn-color-gray-800:hsl(255,12%,94%);--zn-color-gray-900:hsl(240,13%,95%);--zn-color-gray-950:hsl(255,33%,98%);--zn-color-red-50:hsl(0 56% 23.9%);--zn-color-red-100:hsl(0.6 60% 33.9%);--zn-color-red-200:hsl(0.9 67.2% 37.1%);--zn-color-red-300:hsl(1.1 71.3% 43.7%);--zn-color-red-400:hsl(1 76% 52.5%);--zn-color-red-500:hsl(0.7 89.6% 57.2%);--zn-color-red-600:hsl(0 98.6% 67.9%);--zn-color-red-700:hsl(0 100% 72.3%);--zn-color-red-800:hsl(0 100% 85.6%);--zn-color-red-900:hsl(0 100% 90.3%);--zn-color-red-950:hsl(0 100% 95.9%);--zn-color-orange-50:hsl(15 64.2% 23.3%);--zn-color-orange-100:hsl(15.1 70.9% 31.1%);--zn-color-orange-200:hsl(15.3 75.7% 35.5%);--zn-color-orange-300:hsl(17.1 83.5% 42.7%);--zn-color-orange-400:hsl(20.1 88% 50.8%);--zn-color-orange-500:hsl(24.3 100% 50.5%);--zn-color-orange-600:hsl(27.2 100% 57.7%);--zn-color-orange-700:hsl(31.3 100% 68.7%);--zn-color-orange-800:hsl(33.8 100% 79.3%);--zn-color-orange-900:hsl(38.9 100% 87.7%);--zn-color-orange-950:hsl(46.2 100% 95%);--zn-color-amber-50:hsl(21.9 66.3% 21.1%);--zn-color-amber-100:hsl(21.5 73.6% 29.7%);--zn-color-amber-200:hsl(22.3 77.6% 33.3%);--zn-color-amber-300:hsl(25.4 84.2% 39.6%);--zn-color-amber-400:hsl(31.4 87.4% 46.7%);--zn-color-amber-500:hsl(37 96.6% 48.3%);--zn-color-amber-600:hsl(43.3 100% 53.4%);--zn-color-amber-700:hsl(46.5 100% 61.1%);--zn-color-amber-800:hsl(49.3 100% 73%);--zn-color-amber-900:hsl(51.8 100% 85%);--zn-color-amber-950:hsl(60 100% 94.6%);--zn-color-yellow-50:hsl(34,86%,14%);--zn-color-yellow-100:hsl(36,74%,26%);--zn-color-yellow-200:hsl(40,82%,29%);--zn-color-yellow-300:hsl(43,94%,33%);--zn-color-yellow-400:hsl(48,98%,40%);--zn-color-yellow-500:hsl(53,95%,47%);--zn-color-yellow-600:hsl(51,100%,53%);--zn-color-yellow-700:hsl(54,100%,63%);--zn-color-yellow-800:hsl(61,100%,77%);--zn-color-yellow-900:hsl(63,100%,88%);--zn-color-yellow-950:hsl(63,92%,95%);--zn-color-lime-50:hsl(86.5 54.4% 18%);--zn-color-lime-100:hsl(87.6 56.8% 23.3%);--zn-color-lime-200:hsl(85.8 63.2% 24.5%);--zn-color-lime-300:hsl(86.1 72% 29.4%);--zn-color-lime-400:hsl(85.5 76.8% 37.3%);--zn-color-lime-500:hsl(84.3 74.2% 42.1%);--zn-color-lime-600:hsl(82.8 81.5% 52.6%);--zn-color-lime-700:hsl(82 89.9% 64%);--zn-color-lime-800:hsl(80.9 97.9% 76.6%);--zn-color-lime-900:hsl(77.9 100% 85.8%);--zn-color-lime-950:hsl(69.5 100% 93.8%);--zn-color-green-50:hsl(144.3 53.6% 16%);--zn-color-green-100:hsl(143.2 55.4% 23.5%);--zn-color-green-200:hsl(141.5 58.2% 26.3%);--zn-color-green-300:hsl(140.8 64.2% 31.8%);--zn-color-green-400:hsl(140.3 68% 39.2%);--zn-color-green-500:hsl(141.1 64.9% 43%);--zn-color-green-600:hsl(141.6 72.4% 55.2%);--zn-color-green-700:hsl(141.7 82.7% 70.1%);--zn-color-green-800:hsl(141 90.9% 82.1%);--zn-color-green-900:hsl(142 100% 89.1%);--zn-color-green-950:hsl(144 100% 95.5%);--zn-color-emerald-50:hsl(164.3 75% 13.5%);--zn-color-emerald-100:hsl(163.5 72.6% 20.1%);--zn-color-emerald-200:hsl(162.1 73.7% 22.4%);--zn-color-emerald-300:hsl(161.3 77.3% 27.6%);--zn-color-emerald-400:hsl(159.6 77.1% 34.3%);--zn-color-emerald-500:hsl(159.1 73.5% 37.9%);--zn-color-emerald-600:hsl(157.8 66.8% 48.9%);--zn-color-emerald-700:hsl(156.2 76.1% 63.8%);--zn-color-emerald-800:hsl(152.4 84.4% 77.4%);--zn-color-emerald-900:hsl(149.3 100% 87%);--zn-color-emerald-950:hsl(158.6 100% 94.8%);--zn-color-teal-50:hsl(176.5 51.5% 15.4%);--zn-color-teal-100:hsl(175.9 54.7% 22.3%);--zn-color-teal-200:hsl(175.9 60.7% 23.9%);--zn-color-teal-300:hsl(174.5 67.3% 28.8%);--zn-color-teal-400:hsl(174.4 71.9% 34.9%);--zn-color-teal-500:hsl(173.1 71% 38.3%);--zn-color-teal-600:hsl(172.3 68.2% 48.1%);--zn-color-teal-700:hsl(170.5 81.3% 61.5%);--zn-color-teal-800:hsl(168.4 92.1% 75.2%);--zn-color-teal-900:hsl(168.3 100% 86%);--zn-color-teal-950:hsl(180 100% 95.5%);--zn-color-cyan-50:hsl(197.1 53.8% 20.3%);--zn-color-cyan-100:hsl(196.8 57.3% 27.2%);--zn-color-cyan-200:hsl(195.3 62.7% 29.4%);--zn-color-cyan-300:hsl(193.5 71.3% 34.1%);--zn-color-cyan-400:hsl(192.5 76.8% 40.6%);--zn-color-cyan-500:hsl(189.4 78.6% 42.6%);--zn-color-cyan-600:hsl(188.2 89.1% 51.7%);--zn-color-cyan-700:hsl(187 98.6% 66.2%);--zn-color-cyan-800:hsl(184.9 100% 78.3%);--zn-color-cyan-900:hsl(180 100% 86.6%);--zn-color-cyan-950:hsl(180 100% 94.8%);--zn-color-sky-50:hsl(203 63.8% 20.9%);--zn-color-sky-100:hsl(203.4 70.4% 28%);--zn-color-sky-200:hsl(202.7 75.8% 30.8%);--zn-color-sky-300:hsl(203.1 80.4% 36.1%);--zn-color-sky-400:hsl(202.1 80.5% 44.3%);--zn-color-sky-500:hsl(199.7 85.9% 47.7%);--zn-color-sky-600:hsl(198.7 97.9% 57.2%);--zn-color-sky-700:hsl(198.7 100% 70.5%);--zn-color-sky-800:hsl(198.8 100% 82.5%);--zn-color-sky-900:hsl(198.5 100% 89.9%);--zn-color-sky-950:hsl(186 100% 95.5%);--zn-color-blue-50:hsl(227.1 49.5% 22.7%);--zn-color-blue-100:hsl(225.8 58.9% 36.8%);--zn-color-blue-200:hsl(227.7 64.4% 42.9%);--zn-color-blue-300:hsl(226.1 72.7% 51.2%);--zn-color-blue-400:hsl(222.6 86.5% 56.3%);--zn-color-blue-500:hsl(217.8 95.8% 57.4%);--zn-color-blue-600:hsl(213.3 100% 65%);--zn-color-blue-700:hsl(210.9 100% 74.8%);--zn-color-blue-800:hsl(211.5 100% 83.4%);--zn-color-blue-900:hsl(211 100% 88.9%);--zn-color-blue-950:hsl(201.8 100% 95.3%);--zn-color-indigo-50:hsl(243.5 40.8% 27%);--zn-color-indigo-100:hsl(242.9 45.7% 37.6%);--zn-color-indigo-200:hsl(244.7 52.7% 43.1%);--zn-color-indigo-300:hsl(245.3 60.5% 52.4%);--zn-color-indigo-400:hsl(244.1 79.2% 60.4%);--zn-color-indigo-500:hsl(239.6 88.7% 63.8%);--zn-color-indigo-600:hsl(234.5 96.7% 70.9%);--zn-color-indigo-700:hsl(229.4 100% 78.3%);--zn-color-indigo-800:hsl(227.1 100% 85%);--zn-color-indigo-900:hsl(223.8 100% 89.9%);--zn-color-indigo-950:hsl(220 100% 95.1%);--zn-color-violet-50:hsl(265.1 57.3% 25.4%);--zn-color-violet-100:hsl(263.5 63.8% 39.4%);--zn-color-violet-200:hsl(263.4 66.2% 44.1%);--zn-color-violet-300:hsl(263.7 72.8% 52.4%);--zn-color-violet-400:hsl(262.5 87.3% 59.8%);--zn-color-violet-500:hsl(258.3 95.1% 63.2%);--zn-color-violet-600:hsl(255.1 100% 67.2%);--zn-color-violet-700:hsl(253 100% 81.5%);--zn-color-violet-800:hsl(251.7 100% 87.9%);--zn-color-violet-900:hsl(254.1 100% 91.7%);--zn-color-violet-950:hsl(257.1 100% 96.1%);--zn-color-purple-50:hsl(255,79%,23%);--zn-color-purple-100:hsl(257,73%,35%);--zn-color-purple-200:hsl(257,76%,42%);--zn-color-purple-300:hsl(257,76%,50%);--zn-color-purple-400:hsl(256,91%,59%);--zn-color-purple-500:hsl(252,98%,66%);--zn-color-purple-600:hsl(249,100%,76%);--zn-color-purple-700:hsl(246,100%,85%);--zn-color-purple-800:hsl(244,100%,92%);--zn-color-purple-900:hsl(245,100%,95%);--zn-color-purple-950:hsl(249,100%,97%);--zn-color-fuchsia-50:hsl(297.1 51.2% 18.6%);--zn-color-fuchsia-100:hsl(296.7 59.5% 31.5%);--zn-color-fuchsia-200:hsl(295.4 65.4% 35.1%);--zn-color-fuchsia-300:hsl(294.6 67.4% 42.2%);--zn-color-fuchsia-400:hsl(293.3 68.7% 51.2%);--zn-color-fuchsia-500:hsl(292.1 88.4% 57.7%);--zn-color-fuchsia-600:hsl(292 98.5% 59.5%);--zn-color-fuchsia-700:hsl(292.4 100% 79.5%);--zn-color-fuchsia-800:hsl(292.9 100% 86.8%);--zn-color-fuchsia-900:hsl(300 100% 91.5%);--zn-color-fuchsia-950:hsl(300 100% 96.3%);--zn-color-pink-50:hsl(336.2 59.6% 20%);--zn-color-pink-100:hsl(336.8 63.9% 34%);--zn-color-pink-200:hsl(336.8 68.7% 37.6%);--zn-color-pink-300:hsl(336.1 71.8% 44.5%);--zn-color-pink-400:hsl(333.9 74.9% 53.1%);--zn-color-pink-500:hsl(330.7 86.3% 57.7%);--zn-color-pink-600:hsl(328.6 91.5% 67.2%);--zn-color-pink-700:hsl(327.4 97.6% 78.7%);--zn-color-pink-800:hsl(325.1 100% 86.6%);--zn-color-pink-900:hsl(322.1 100% 91.3%);--zn-color-pink-950:hsl(315 100% 95.9%);--zn-color-rose-50:hsl(342.3 62.9% 21.5%);--zn-color-rose-100:hsl(342.8 68.9% 34.2%);--zn-color-rose-200:hsl(344.8 72.6% 37.3%);--zn-color-rose-300:hsl(346.9 75.8% 43.7%);--zn-color-rose-400:hsl(348.2 80.1% 52.7%);--zn-color-rose-500:hsl(350.4 94.8% 57.5%);--zn-color-rose-600:hsl(351.2 100% 58.1%);--zn-color-rose-700:hsl(352.3 100% 78.1%);--zn-color-rose-800:hsl(352 100% 86.2%);--zn-color-rose-900:hsl(354.5 100% 90.7%);--zn-color-rose-950:hsl(353.3 100% 95.7%);--zn-color-neutral-0:hsl(0,0%,0%);--zn-color-neutral-1000:hsl(0,0%,100%);--zn-shadow-x-small:0 1px 4px rgba(0,0,0,0.18);--zn-shadow-small:0 3px 9px rgba(0,0,0,0.24);--zn-shadow-medium:0 6px 18px rgba(0,0,0,0.24);--zn-shadow-large:0 6px 20px rgba(0,0,0,0.24);--zn-shadow-x-large:0 6px 20px rgba(0,0,0,0.34);--zn-input-background-color:rgb(var(--zn-color-body));--zn-input-background-color-hover:rgb(var(--zn-color-body));--zn-input-background-color-focus:hsl(252,15%,13%);--zn-input-background-color-disabled:hsl(280,6%,9%);--zn-input-border-color:rgb(var(--zn-color-border));--zn-input-border-color-hover:rgb(var(--zn-color-border-active));--zn-input-border-color-focus:var(--zn-color-primary-500);--zn-input-border-color-disabled:hsl(280,6%,9%);--zn-focus-ring-color:var(--zn-color-primary-700);--zn-overlay-background-color:hsl(0 0% 0%/43%);--zn-panel-background-color:rgb(var(--zn-panel));--zn-tooltip-background-color:var(--zn-color-neutral-800)}:root{--zn-spacing-unit:8px;--zn-spacing-3x-small:2px;--zn-spacing-2x-small:4px;--zn-spacing-x-small:8px;--zn-spacing-small:16px;--zn-spacing-medium:24px;--zn-spacing-large:32px;--zn-spacing-x-large:40px;--zn-spacing-2x-large:48px;--zn-spacing-3x-large:56px;--zn-spacing-4x-large:72px;--zn-spacing-narrow-bar:45px;--zn-spacing-bar:60px;--zn-spacing-tile:80px;--zn-spacing-sidenav:320px;--zn-spacing-small-panel:200px;--zn-spacing-medium-panel:320px;--zn-spacing-panel:360px;--zn-spacing-lside:460px}:root{--zn-text-color:rgb(var(--zn-color-text));--zn-text-color-muted:rgb(var(--zn-color-muted-text));--zn-text-paragraph-font-size:14px;--zn-text-paragraph-line-height:21px;--zn-text-paragraph-spacing:21px;--zn-text-paragraph-font-weight:var(--zn-font-weight-normal);--zn-text-paragraph-color:var(--zn-text-color);--zn-text-paragraph-transform:none;--zn-text-table-content-font-size:14px;--zn-text-table-content-line-height:16px;--zn-text-table-content-spacing:15px;--zn-text-table-content-font-weight:var(--zn-font-weight-normal);--zn-text-table-content-color:var(--zn-text-color);--zn-text-table-content-transform:none;--zn-text-chat-font-size:16px;--zn-text-chat-line-height:24px;--zn-text-chat-spacing:15px;--zn-text-chat-font-weight:var(--zn-font-weight-normal);--zn-text-chat-color:var(--zn-text-color);--zn-text-chat-transform:none;--zn-text-h1-font-size:16px;--zn-text-h1-line-height:16px;--zn-text-h1-spacing:18px;--zn-text-h1-font-weight:var(--zn-font-weight-semibold);--zn-text-h1-color:var(--zn-text-color);--zn-text-h1-transform:none;--zn-text-h2-font-size:14px;--zn-text-h2-line-height:16px;--zn-text-h2-spacing:15px;--zn-text-h2-font-weight:var(--zn-font-weight-semibold);--zn-text-h2-color:var(--zn-text-color);--zn-text-h2-transform:none;--zn-text-h3-font-size:11px;--zn-text-h3-line-height:16px;--zn-text-h3-spacing:15px;--zn-text-h3-font-weight:var(--zn-font-weight-semibold);--zn-text-h3-color:var(--zn-text-color);--zn-text-h3-transform:none;--zn-text-subheading-font-size:14px;--zn-text-subheading-line-height:16px;--zn-text-subheading-spacing:15px;--zn-text-subheading-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-color:var(--zn-text-color-muted);--zn-text-subheading-transform:none;--zn-text-subheading-small-font-size:13px;--zn-text-subheading-small-line-height:16px;--zn-text-subheading-small-spacing:15px;--zn-text-subheading-small-font-weight:var(--zn-font-weight-normal);--zn-text-subheading-small-color:var(--zn-text-color-muted);--zn-text-subheading-small-transform:none;--zn-text-input-placeholder-font-size:14px;--zn-text-input-placeholder-line-height:24px;--zn-text-input-placeholder-spacing:18px;--zn-text-input-placeholder-font-weight:var(--zn-font-weight-normal);--zn-text-input-placeholder-color:var(--zn-text-color-muted);--zn-text-input-placeholder-transform:none;--zn-text-input-content-font-size:14px;--zn-text-input-content-line-height:24px;--zn-text-input-content-spacing:18px;--zn-text-input-content-font-weight:var(--zn-font-weight-normal);--zn-text-input-content-color:var(--zn-text-color);--zn-text-input-content-transform:none;--zn-text-input-label-font-size:14px;--zn-text-input-label-line-height:16px;--zn-text-input-label-spacing:15px;--zn-text-input-label-font-weight:var(--zn-font-weight-semibold);--zn-text-input-label-color:var(--zn-text-color);--zn-text-input-label-transform:none;--zn-text-chart-minor-font-size:14px;--zn-text-chart-minor-line-height:16px;--zn-text-chart-minor-spacing:15px;--zn-text-chart-minor-font-weight:var(--zn-font-weight-semibold);--zn-text-chart-minor-color:var(--zn-text-color-muted);--zn-text-chart-minor-transform:none;--zn-text-chart-major-font-size:21px;--zn-text-chart-major-line-height:16px;--zn-text-chart-major-spacing:18px;--zn-text-chart-major-font-weight:var(--zn-font-weight-normal);--zn-text-chart-major-color:var(--zn-text-color);--zn-text-chart-major-transform:none;--zn-text-button-label-font-size:13px;--zn-text-button-label-line-height:16px;--zn-text-button-label-spacing:18px;--zn-text-button-label-font-weight:var(--zn-font-weight-semibold);--zn-text-button-label-color:var(--zn-text-color);--zn-text-button-label-transform:uppercase;--zn-text-chip-font-size:10px;--zn-text-chip-line-height:16px;--zn-text-chip-spacing:15px;--zn-text-chip-font-weight:var(--zn-font-weight-semibold);--zn-text-chip-color:var(--zn-text-color);--zn-text-chip-transform:uppercase;--zn-text-navbar-link-font-size:16px;--zn-text-navbar-link-line-height:16px;--zn-text-navbar-link-spacing:18px;--zn-text-navbar-link-font-weight:var(--zn-font-weight-semibold);--zn-text-navbar-link-color:var(--zn-text-color-muted);--zn-text-navbar-link-transform:none;--zn-text-tab-link-font-size:14px;--zn-text-tab-link-line-height:16px;--zn-text-tab-link-spacing:15px;--zn-text-tab-link-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-color:var(--zn-text-color-muted);--zn-text-tab-link-transform:none;--zn-text-tab-link-active-font-size:14px;--zn-text-tab-link-active-line-height:16px;--zn-text-tab-link-active-spacing:15px;--zn-text-tab-link-active-font-weight:var(--zn-font-weight-semibold);--zn-text-tab-link-active-color:var(--zn-text-color);--zn-text-tab-link-active-transform:none;--zn-text-menu-link-font-size:14px;--zn-text-menu-link-line-height:16px;--zn-text-menu-link-spacing:15px;--zn-text-menu-link-font-weight:var(--zn-font-weight-normal);--zn-text-menu-link-color:var(--zn-text-color-muted);--zn-text-menu-link-transform:none;--zn-text-notification-font-size:9px;--zn-text-notification-line-height:11px;--zn-text-notification-spacing:0;--zn-text-notification-font-weight:var(--zn-font-weight-semibold);--zn-text-notification-color:#fff;--zn-text-notification-transform:none}@supports (scrollbar-gutter:stable){.zn-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter:stable){.zn-scroll-lock{padding-right:var(--zn-scroll-lock-size) !important;overflow:hidden !important}}.zn-toast-stack{position:fixed;bottom:0;inset-inline-end:0;z-index:var(--zn-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.zn-toast-stack zn-alert{margin:var(--zn-spacing-medium)}.zn-toast-stack zn-alert::part(base){box-shadow:var(--zn-shadow-large)}@media screen and (min-width:768px){.zn-toast-stack zn-alert{margin:var(--zn-spacing-large)}}.zn-gutter{margin:0 var(--zn-gutter)}.zn-gap{gap:var(--zn-gap,0);padding:var(--zn-base-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in{gap:var(--zn-gap,0);display:flex;flex-wrap:wrap}.zn-gap-in-sm{--zn-gap:var(--zn-spacing-small,0);gap:var(--zn-gap,0)}.zn-gap-md{gap:15px}.zn-gap-inner{gap:var(--zn-gap,0)}.zn-gap-ism{gap:var(--zn-gap,0);--zn-gap:10px}.zn-gap-ixs{gap:var(--zn-gap,0);--zn-gap:5px}.zn-max-hide{max-height:100%;overflow:hidden}.zn-hide-empty:empty{display:none}.zn-nopoint{pointer-events:none}.form-spacing{display:grid;grid-template-columns:1fr;gap:var(--zn-spacing-medium) var(--zn-spacing-small)}@media (min-width:768px){.form-spacing{grid-template-columns:repeat(6,1fr)}}.form-spacing~.form-spacing{margin-top:var(--zn-base-gap)}zn-form-group~zn-form-group{margin-top:var(--zn-base-gap);padding-top:var(--zn-base-gap);border-top:1px solid rgb(var(--zn-border-color))}.form-spacing>*{grid-column:span 6/span 6}@media (min-width:768px){.form-spacing>*[span="1"]{grid-column:span 1/span 1}}@media (min-width:768px){.form-spacing>*[span="2"]{grid-column:span 2/span 2}}@media (min-width:768px){.form-spacing>*[span="3"]{grid-column:span 3/span 3}}@media (min-width:768px){.form-spacing>*[span="4"]{grid-column:span 4/span 4}}@media (min-width:768px){.form-spacing>*[span="5"]{grid-column:span 5/span 5}}@keyframes rotate-gradient{from{--rotate:0deg}to{--rotate:360deg}}:root{--zn-base-px:8px;--zn-base-gap:calc(var(--zn-base-px) * 2);--zn-gutter:2px;--zn-default-margin:0 auto 0 0;--zn-icon-size:20px;--zn-button-gutter:2px;--zn-font-family-sans:'Inter',sans-serif;--zn-font-family-serif:'Roboto Slab',serif;--zn-font-family-mono:'Roboto Mono',monospace}:root,[t=light],.theme-light{--zn-backdrop-color:rgba(0,0,0,0.5);--zn-color-text:33,33,33;--zn-color-muted-text:125,119,146;--zn-color-base:255,255,255;--zn-color-body:248,247,252;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:248,249,252;--zn-color-border:219,217,236;--zn-color-border-active:209,207,226;--zn-color-tab:236,235,249;--zn-color-panel:255,255,255;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}[t=dark],.theme-dark{--zn-backdrop-color:rgba(0,0,0,0.85);--zn-color-text:215,215,215;--zn-color-muted-text:145,145,145;--zn-color-base:0,0,0;--zn-color-body:23,23,23;--zn-color-navigation:var(--zn-color-base);--zn-color-navigation-hightlight:10,10,10;--zn-color-border:38,38,38;--zn-color-border-active:80,80,80;--zn-color-tab:5,5,5;--zn-color-panel:30,30,30;--zn-color-primary:105,54,245;--zn-color-info:53,104,195;--zn-color-success:98,177,121;--zn-color-warning:241,168,80;--zn-color-error:236,68,91;--zn-color-disabled:181,181,181}@media (min-width:1200px){:root{--zn-base-gap:calc(var(--zn-base-px) * 3)}}@media (min-width:2500px){:root{--zn-default-margin:0 auto}}:root{--zn-primary:var(--zn-color-primary);--zn-red:237,84,109;--zn-blue:100,117,242;--zn-green:43,192,145;--zn-orange:255,136,0;--zn-yellow:255,193,7;--zn-indigo:63,81,181;--zn-violet:156,39,176;--zn-pink:255,108,156;--zn-grey:158,158,158;--zn-accent:71,214,214;--zn-size-bar:60px;--zn-size-tile:80px;--zn-size-sidenav:320px;--zn-size-spanel:170px;--zn-size-mpanel:320px;--zn-size-panel:360px;--zn-size-lside:460px;--zn-bg-opacity:1;--zn-text-opacity:1;--base:255,255,255;--inverse-base:0,0,0}.zn-mono{font-family:var(--zn-font-family-mono,"monospace")}:root,[t=light],.theme-light,[t=dark],.theme-dark{--zn-body:var(--zn-color-body);--zn-text:var(--zn-color-text);--zn-text-heading:var(--zn-color-text);--zn-text-page-title:var(--zn-color-text);--zn-text-panel-title:var(--zn-color-text);--zn-panel:var(--zn-color-panel);--zn-border-color:var(--zn-color-border);--zn-input-bg:var(--zn-color-body)}[t=light],.theme-light{--zn-panel-opacity:1;--zn-shadow:236,235,249;--zn-panel-secondary:246 246 246;--zn-panel-highlight:248,249,252;--zn-panel-highlight-opacity:1;--zn-input-bg-accent:237,235,245;--zn-bright-bg:255,255,255;--zn-light-text:123,112,151;--zn-dark-text:56,39,104;--zn-purple-text:104,54,245}[t=light] .zn-primary,.theme-light .zn-primary{color:rgb(var(--zn-color-primary))}[t=dark],.theme-dark{--zn-shadow:10,10,10;--zn-panel-secondary:27,27,30;--zn-panel-opacity:1;--zn-panel-highlight:25,27,32;--zn-panel-highlight-opacity:0.1;--zn-input-bg-accent:72,84,102;--zn-bright-bg:225,225,225;--zn-light-text:173,163,192;--zn-dark-text:201,201,201;--zn-purple-text:129,140,249;--zn-accent:15,165,234;--zn-primary:137,103,239;--base:0,0,0;--inverse-base:255,255,255}[t=dark] .zn-primary,.theme-dark .zn-primary{color:#8967ef !important}.ml-px{margin-left:1px}.mr-px{margin-right:1px}.mt-px{margin-top:1px}.mb-px{margin-bottom:1px}.mx-px{margin-left:1px;margin-right:1px}.my-px{margin-top:1px;margin-bottom:1px}.m-px{margin:1px}.ml-xxs{margin-left:3px}.mr-xxs{margin-right:3px}.mt-xxs{margin-top:3px}.mb-xxs{margin-bottom:3px}.mx-xxs{margin-left:3px;margin-right:3px}.my-xxs{margin-top:3px;margin-bottom:3px}.m-xxs{margin:3px}.ml-xs{margin-left:5px}.mr-xs{margin-right:5px}.mt-xs{margin-top:5px}.mb-xs{margin-bottom:5px}.mx-xs{margin-left:5px;margin-right:5px}.my-xs{margin-top:5px;margin-bottom:5px}.m-xs{margin:5px}.ml-sm{margin-left:10px}.mr-sm{margin-right:10px}.mt-sm{margin-top:10px}.mb-sm{margin-bottom:10px}.mx-sm{margin-left:10px;margin-right:10px}.my-sm{margin-top:10px;margin-bottom:10px}.m-sm{margin:10px}.ml-md{margin-left:15px}.mr-md{margin-right:15px}.mt-md{margin-top:15px}.mb-md{margin-bottom:15px}.mx-md{margin-left:15px;margin-right:15px}.my-md{margin-top:15px;margin-bottom:15px}.m-md{margin:15px}.ml-lg{margin-left:20px}.mr-lg{margin-right:20px}.mt-lg{margin-top:20px}.mb-lg{margin-bottom:20px}.mx-lg{margin-left:20px;margin-right:20px}.my-lg{margin-top:20px;margin-bottom:20px}.m-lg{margin:20px}.ml-xl{margin-left:25px}.mr-xl{margin-right:25px}.mt-xl{margin-top:25px}.mb-xl{margin-bottom:25px}.mx-xl{margin-left:25px;margin-right:25px}.my-xl{margin-top:25px;margin-bottom:25px}.m-xl{margin:25px}.zn-red{color:rgb(var(--zn-red))}.zn-blue{color:rgb(var(--zn-blue))}.zn-green{color:rgb(var(--zn-green))}.zn-orange{color:rgb(var(--zn-orange))}.zn-yellow{color:rgb(var(--zn-yellow))}.zn-indigo{color:rgb(var(--zn-indigo))}.zn-violet{color:rgb(var(--zn-violet))}.zn-pink{color:rgb(var(--zn-pink))}.zn-grey{color:rgb(var(--zn-grey))}.zn-primary{color:rgb(var(--zn-primary))}.zn-accent{color:rgb(var(--zn-accent))}.zn-info{color:rgb(var(--zn-color-info))}.zn-warning{color:rgb(var(--zn-color-warning))}.zn-error{color:rgb(var(--zn-color-error))}.zn-success{color:rgb(var(--zn-color-success))}ul.gap li{margin:5px 0}ul.circle,ul.decimal,ul.disc,ul.square{padding:5px 0 5px 15px}ul.circle{list-style-type:circle}ul.decimal{list-style-type:decimal}ul.disc{list-style-type:disc}ul.square{list-style-type:square}:host,html,body{color:rgba(var(--zn-text),var(--zn-text-opacity));font-family:var(--zn-font-family-sans);font-feature-settings:normal;font-variation-settings:normal;font-size:var(--zn-text-paragraph-font-size);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;-o-tab-size:4;tab-size:4;margin:0}html,body{background-color:rgba(var(--zn-body),var(--zn-bg-opacity));container-type:size;min-height:100%;height:100%}.inline-container{container-type:inline-size}.app-container{container-type:inline-size;display:flex;flex:1;flex-direction:column;position:relative;max-height:100%;height:100%;width:100%;max-width:100%}.inline-app-container,.app-container.inline-app-container,[inline-container] .app-container{display:block;height:auto;flex:unset}hr{height:0;border:none;border-top:1px solid rgb(var(--zn-border-color))}code,kbd,samp,pre,.mono{font-family:var(--zn-font-family-mono);font-size:1em}small{font-size:80%}.hidden{display:none !important}.visibility-hidden{visibility:hidden}p{font-size:var(--zn-text-paragraph-font-size);line-height:var(--zn-text-paragraph-line-height);font-weight:var(--zn-text-paragraph-font-weight)}h1,h2,h3,h4,h5,h6{color:rgb(var(--zn-text-heading))}h1{font-size:var(--zn-text-h1-font-size);line-height:var(--zn-text-h1-line-height);font-weight:var(--zn-text-h1-font-weight)}h2{font-size:var(--zn-text-h2-font-size);line-height:var(--zn-text-h2-line-height);font-weight:var(--zn-text-h2-font-weight)}h3,h4,h5,h6{font-size:var(--zn-text-h3-font-size);line-height:var(--zn-text-h3-line-height);font-weight:var(--zn-text-h3-font-weight)}kbd{font-family:monospace;background-color:#eee;color:#333;border:1px solid rgb(var(--zn-border-color));border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.2),0 1px 0 0 hsla(0,0%,100%,.5) inset;display:inline-block;font-size:13px;line-height:20px;padding:1px 6px;white-space:nowrap;min-width:15px;color:rgba(0,0,0,.5)}[t=dark] kbd{background-color:#191919;box-shadow:0 1px 1px rgba(0,0,0,.2),0 1px 0 0 rgba(110,110,110,.5) inset;color:#eee}[tab]{cursor:pointer}.zn-link:hover{--zn-text:rgb(var(--zn-primary));--icon-color:rgb(var(--zn-primary));--zn-text-heading:rgb(var(--zn-primary));--property-color:rgb(var(--zn-primary));opacity:1}.grow{flex-grow:1}.no-grow{flex-grow:0}.shrink{flex-shrink:1}.no-shrink{flex-shrink:0}.block{display:block}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-mid{display:flex;align-items:center}.flex-jc{justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-end{display:flex;justify-content:flex-end}.flex-bottom{display:flex;align-items:flex-end}.equal{flex-basis:50%}.m-auto{margin:auto}.mt-auto{margin-top:auto}.zn-pad{padding:var(--zn-base-gap,0)}.zn-pad-y,.zn-py{padding-top:15px;padding-bottom:15px}.zn-pad-x,.zn-px{padding-left:15px;padding-right:15px}.zn-pr{padding-right:15px}.zn-pl{padding-left:15px}.zn-pt{padding-top:15px}.zn-pb{padding-bottom:15px}.zn-margin{margin:15px}.zn-mx{margin-left:15px;margin-right:15px}.zn-my{margin-top:15px;margin-bottom:15px}.zn-mt{margin-top:15px}.zn-mb{margin-bottom:15px}.zn-ml{margin-left:15px}.zn-mr{margin-right:15px}.zn-mxa{margin-left:auto;margin-right:auto}.zn-mya{margin-top:auto;margin-bottom:auto}.zn-mta{margin-top:auto}.zn-mba{margin-bottom:auto}.zn-mla{margin-left:auto}.zn-mra{margin-right:auto}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@keyframes act-vanish{from{transform:scale(1);opacity:1;max-height:100%}to{transform:scale(0.8);opacity:0;max-height:0}}.act-vanish{animation:ease-in act-vanish 600ms forwards;transform-origin:top center;background-color:rgba(var(--zn-color-error),0.3);display:block;overflow:hidden}.h-full{height:100%}.w-full{width:100%}.zn-panel-bg{--zn-page-surface-background:var(--zn-panel);background-color:rgba(var(--zn-panel),var(--zn-panel-opacity))}.zn-panel{background-color:rgba(var(--zn-panel),var(--zn-panel-opacity));border:1px solid rgb(var(--zn-border-color));border-radius:var(--zn-border-radius);--zn-page-surface-background:var(--zn-panel)}.zn-container{display:flex;flex-direction:column;flex-grow:1;max-height:100%;overflow:hidden}.tar{text-align:right}.tal{text-align:left}.tac{text-align:center}.zn-empty-hide:empty{display:none}.ml-auto{margin-left:auto}.zn-b-dash{border-style:dashed}.zn-b-dotted{border-style:dotted}.zn-border{border-style:solid;border-width:1px !important}.zn-bt{border-top-style:solid;border-top-width:1px !important}.zn-bb{border-bottom-style:solid;border-bottom-width:1px !important}.zn-bl{border-left-style:solid;border-left-width:1px !important}.zn-br{border-right-style:solid;border-right-width:1px !important}.unifi-action{display:flex;gap:10px;padding:10px 0;align-items:center}.zn-panel-bar{border-bottom:1px solid rgb(var(--zn-border-color));background-color:rgba(var(--zn-panel),0.9);padding:var(--zn-base-px);gap:var(--zn-base-px);display:flex;flex-wrap:wrap;align-items:center;z-index:1}.zn-panel-bar--pill{border-radius:var(--zn-border-radius);border:1px solid rgb(var(--zn-border-color))}.zn-panel-bar--large{padding:var(--zn-base-px) calc(var(--zn-base-gap) + var(--zn-gutter));gap:var(--zn-base-px);height:50px}.scroll-container{overflow:auto;flex-grow:1;position:relative;display:flex;flex-direction:column;max-height:100%}.zn-divide{display:flex;flex-direction:column}.zn-divide>*:not(:first-child){border-top:1px solid rgb(var(--zn-border-color))}.zn-divide>div:empty+div:not(:first-child){border-top:0}.zn-divide-y{display:flex;flex-direction:row}.zn-divide-y>*:not(:first-child):not(:empty){border-left:1px solid rgb(var(--zn-border-color))}.zn-c-pad{--zn-pad-spacing:var(--zn-spacing-large)}.zn-c-pad-x>*{padding-left:var(--zn-pad-spacing);padding-right:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:first-child){padding-top:var(--zn-pad-spacing)}.zn-c-pad-y>*:not(:last-child){padding-bottom:var(--zn-pad-spacing)}.zn-nav.zn-transparent{background:rgba(0,0,0,0)}.zn-nav{background:rgba(var(--zn-panel),var(--zn-panel-opacity));border-right:1px solid rgb(var(--zn-border-color));max-width:320px;height:100%;padding-top:5px}.zn-nav ul{list-style:none;padding-bottom:10px;margin:0;display:flex;flex-direction:column;position:relative}.zn-nav ul:after{content:"";height:1px;left:18px;right:18px;bottom:0;position:absolute;background:rgb(var(--zn-border-color))}.zn-nav ul li a{text-decoration:none;color:rgb(var(--zn-text));display:block;font-weight:500;cursor:pointer}.zn-nav ul li a:hover,.zn-nav ul li a.zn-tb-active{background:rgb(var(--zn-body))}.zn-nav ul li a.zn-tb-active{color:rgb(var(--zn-purple-text))}.zn-nav ul:last-child:after{display:none}.zn-nav strong,.zn-nav li a{padding:10px 20px}.zn-nav strong{display:block;margin-top:10px;font-size:13px;letter-spacing:.93px;color:rgb(var(--zn-text-heading));font-weight:600;padding-bottom:5px;text-transform:uppercase}@keyframes shimmer-text-sweep{0%{background-position:100% center}100%{background-position:0% center}}@media (prefers-reduced-motion:no-preference){.shimmer-text{--shimmer-base:rgb(var(--zn-text));--shimmer-highlight:rgb(var(--zn-text-heading));--shimmer-core:0.5ch;--shimmer-spread:1.5ch;--shimmer-duration:1.5s;display:inline-block;width:-moz-fit-content;width:fit-content;max-width:100%;background-image:linear-gradient(90deg,transparent calc(50% - var(--shimmer-spread)),var(--shimmer-highlight) calc(50% - var(--shimmer-core)),var(--shimmer-highlight) calc(50% + var(--shimmer-core)),transparent calc(50% + var(--shimmer-spread))),linear-gradient(var(--shimmer-base),var(--shimmer-base));background-size:250% 100%,auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0) !important;color:rgba(0,0,0,0) !important;animation:var(--shimmer-duration) linear infinite shimmer-text-sweep}.shimmer-text.zn-error{--shimmer-base:rgb(var(--zn-color-error));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-error)) 55%,white)}.shimmer-text.zn-success{--shimmer-base:rgb(var(--zn-color-success));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-success)) 55%,white)}.shimmer-text.zn-info{--shimmer-base:rgb(var(--zn-color-info));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-info)) 55%,white)}.shimmer-text.zn-warning{--shimmer-base:rgb(var(--zn-color-warning));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-color-warning)) 55%,white)}.shimmer-text.zn-primary{--shimmer-base:rgb(var(--zn-primary));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-primary)) 55%,white)}.shimmer-text.zn-accent{--shimmer-base:rgb(var(--zn-accent));--shimmer-highlight:color-mix(in srgb,rgb(var(--zn-accent)) 55%,white)}}@media (prefers-reduced-motion:reduce){.shimmer-text{color:rgb(var(--zn-text))}.shimmer-text.zn-error{color:rgb(var(--zn-color-error)) !important}.shimmer-text.zn-success{color:rgb(var(--zn-color-success)) !important}.shimmer-text.zn-info{color:rgb(var(--zn-color-info)) !important}.shimmer-text.zn-warning{color:rgb(var(--zn-color-warning)) !important}.shimmer-text.zn-primary{color:rgb(var(--zn-primary)) !important}.shimmer-text.zn-accent{color:rgb(var(--zn-accent)) !important}}*,*::before,*::after{box-sizing:border-box}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}strong{font-weight:bolder}b{font-weight:600}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.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;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:rgba(0,0,0,0);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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:inline-block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}button,.zn-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:hsla(0,0%,100%,.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:rgba(0,0,0,0);white-space:nowrap;max-height:36px;height:36px;min-height:36px}button:hover:not([disabled]),.zn-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{display:block;width:100%;border-radius:5px;border-style:solid;border-width:1px !important;border-color:rgb(var(--zn-border-color));background-color:rgb(var(--zn-input-bg));outline:none}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type=file]:focus,input[list]:focus,textarea:focus,select:focus{border-color:rgb(var(--zn-primary));box-shadow:0 0 0 3px rgba(var(--zn-primary),0.3)}input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=file]::-moz-placeholder, input[list]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=time]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,input[type=file]::placeholder,input[list]::placeholder,textarea::placeholder,select::placeholder{font-weight:400;color:rgba(var(--zn-text),0.6)}@media (min-width:360px){input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type=file],input[list],textarea,select{padding:10px}}label{font-weight:600;font-size:rgb(var(--zn-font-size-medium));line-height:var(--zn-spacing-medium);color:rgb(var(--zn-text-heading));display:block;margin-bottom:5px;margin-top:15px}input[type=checkbox],input[type=radio]{border-radius:5px}input[type=radio]{border-radius:50%}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;background-color:rgb(var(--zn-border-color));height:10px;accent-color:rgb(var(--zn-primary));width:100%;max-width:768px}fieldset{border-color:rgba(var(--zn-primary),20%);border-width:2px;padding:0 15px 15px}select option{padding:5px}select>option:checked{background-color:rgba(var(--zn-primary),20%);border-radius:5px}fieldset>legend{padding:5px}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:-moz-fit-content;width:fit-content;background-color:rgb(var(--zn-primary));color:hsla(0,0%,100%,.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:rgba(0,0,0,0);white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=button]:hover:not([disabled]),input[type=submit]:hover:not([disabled]),button[type=submit]:not(.button):hover:not([disabled]),button[type=button]:not(.button):hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=button],input[type=submit],button[type=submit]:not(.button),button[type=button]:not(.button){width:auto}div+button{margin-top:15px}input[type=file]::-webkit-file-upload-button{border-radius:var(--zn-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:var(--zn-base-px);margin:auto;width:fit-content;background-color:rgb(var(--zn-primary));color:hsla(0,0%,100%,.9);font-size:var(--zn-text-button-label-font-size);font-weight:var(--zn-text-button-label-font-weight);line-height:var(--zn-text-button-label-line-height);text-transform:var(--zn-text-button-label-transform);cursor:pointer;vertical-align:middle;border-color:rgba(0,0,0,0);white-space:nowrap;max-height:36px;height:36px;min-height:36px}input[type=file]::-webkit-file-upload-button:hover:not([disabled]){background-color:rgba(var(--zn-primary),0.8)}input[type=file]::-webkit-file-upload-button{margin-right:10px}input::-webkit-calendar-picker-indicator{cursor:pointer;padding:10px}input[list]::-webkit-calendar-picker-indicator{padding:10px 5px}.input--with-icon{position:relative}.input--with-icon zn-icon{padding:14px;position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);left:10px;background-color:rgb(var(--zn-primary));color:rgb(var(--zn-text));border-radius:50%}.input--with-icon input{padding-left:40px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:rgb(var(--zn-text));-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px rgba(35,35,35,.1607843137)}select{height:43px}.no-border{border:none !important}table:not(.remarkd-table){border-collapse:separate !important;border-spacing:0;width:100%;max-width:100%;table-layout:auto;text-align:left;font-size:var(--zn-text-table-content-font-size);line-height:var(--zn-text-table-content-line-height);font-weight:var(--zn-text-table-content-font-weight)}table:not(.remarkd-table) thead{font-weight:var(--zn-font-weight-medium)}table:not(.remarkd-table) tbody a{cursor:pointer;color:rgb(var(--zn-primary))}table:not(.remarkd-table) tbody tr td{border-top:1px solid rgb(var(--zn-border-color)) !important}table:not(.remarkd-table) tbody tr:first-of-type td{border-top:0 !important}table:not(.remarkd-table) tbody tr:nth-of-type(even){background-color:rgba(var(--zn-body))}table:not(.remarkd-table) thead tr th:first-of-type,table:not(.remarkd-table) tbody tr td:first-of-type{padding-left:14px}table:not(.remarkd-table) thead tr th:last-of-type,table:not(.remarkd-table) tbody tr td:last-of-type{padding-right:14px}table:not(.remarkd-table) th,table:not(.remarkd-table) td{padding:15px;min-width:90px;white-space:nowrap}table:not(.remarkd-table) th:first-child,table:not(.remarkd-table) td:first-child{padding-left:0}table:not(.remarkd-table) td>span{white-space:normal}table:not(.remarkd-table) th{padding-bottom:0;border-bottom:1px solid rgb(var(--zn-border-color))}.zn-table-fixed{table-layout:fixed}thead tr:last-of-type th{border-bottom:0}.opacity-100{opacity:1}.opacity-90{opacity:.9}.opacity-80{opacity:.8}.opacity-60{opacity:.6}.opacity-50{opacity:.5}.opacity-40{opacity:.4}.opacity-10{opacity:.1}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7,var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7,var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3,1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4,1fr);grid-auto-rows:var(--adp-year-cell-height)}.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}.air-datepicker{--adp-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--adp-font-size:14px;--adp-width:246px;--adp-z-index:100;--adp-padding:4px;--adp-grid-areas:"nav" "body" "timepicker" "buttons";--adp-transition-duration:.3s;--adp-transition-ease:ease-out;--adp-transition-offset:8px;--adp-background-color:#fff;--adp-background-color-hover:#f0f0f0;--adp-background-color-active:#eaeaea;--adp-background-color-in-range:rgba(92,196,239,.1);--adp-background-color-in-range-focused:rgba(92,196,239,.2);--adp-background-color-selected-other-month-focused:#8ad5f4;--adp-background-color-selected-other-month:#a2ddf6;--adp-color:#4a4a4a;--adp-color-secondary:#9c9c9c;--adp-accent-color:#4eb5e6;--adp-color-current-date:var(--adp-accent-color);--adp-color-other-month:#dedede;--adp-color-disabled:#aeaeae;--adp-color-disabled-in-range:#939393;--adp-color-other-month-hover:#c5c5c5;--adp-border-color:#dbdbdb;--adp-border-color-inner:#efefef;--adp-border-radius:4px;--adp-border-color-inline:#d7d7d7;--adp-nav-height:32px;--adp-nav-arrow-color:var(--adp-color-secondary);--adp-nav-action-size:32px;--adp-nav-color-secondary:var(--adp-color-secondary);--adp-day-name-color:#ff9a19;--adp-day-name-color-hover:#8ad5f4;--adp-day-cell-width:1fr;--adp-day-cell-height:32px;--adp-month-cell-height:42px;--adp-year-cell-height:56px;--adp-pointer-size:10px;--adp-poiner-border-radius:2px;--adp-pointer-offset:14px;--adp-cell-border-radius:4px;--adp-cell-background-color-hover:var(--adp-background-color-hover);--adp-cell-background-color-selected:#5cc4ef;--adp-cell-background-color-selected-hover:#45bced;--adp-cell-background-color-in-range:rgba(92,196,239,0.1);--adp-cell-background-color-in-range-hover:rgba(92,196,239,0.2);--adp-cell-border-color-in-range:var(--adp-cell-background-color-selected);--adp-btn-height:32px;--adp-btn-color:var(--adp-accent-color);--adp-btn-color-hover:var(--adp-color);--adp-btn-border-radius:var(--adp-border-radius);--adp-btn-background-color-hover:var(--adp-background-color-hover);--adp-btn-background-color-active:var(--adp-background-color-active);--adp-time-track-height:1px;--adp-time-track-color:#dedede;--adp-time-track-color-hover:#b1b1b1;--adp-time-thumb-size:12px;--adp-time-padding-inner:10px;--adp-time-day-period-color:var(--adp-color-secondary);--adp-mobile-font-size:16px;--adp-mobile-nav-height:40px;--adp-mobile-width:320px;--adp-mobile-day-cell-height:38px;--adp-mobile-month-cell-height:48px;--adp-mobile-year-cell-height:64px}.air-datepicker-overlay{--adp-overlay-background-color:rgba(0,0,0,.3);--adp-overlay-transition-duration:.3s;--adp-overlay-transition-ease:ease-out;--adp-overlay-z-index:99}.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0,0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size:var(--adp-mobile-font-size);--adp-day-cell-height:var(--adp-mobile-day-cell-height);--adp-month-cell-height:var(--adp-mobile-month-cell-height);--adp-year-cell-height:var(--adp-mobile-year-cell-height);--adp-nav-height:var(--adp-mobile-nav-height);--adp-nav-action-size:var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%,calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%,-50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size:calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}.air-datepicker{--adp-color:rgba(var(--zn-text),var(--zn-text-opacity));--adp-nav-color-secondary:rgb(var(--zn-purple-text));--adp-day-name-color:var(--zn-color-primary-600);--adp-day-name-color-hover:var(--zn-color-primary-700);--adp-cell-background-color-selected:var(--zn-color-primary-600);--adp-cell-background-color-selected-hover:var(--zn-color-primary-700);--adp-color-current-date:var(--zn-color-primary-600);--adp-background-color:var(--zn-input-background-color);--adp-background-color-hover:var(--zn-input-background-color-hover);--adp-background-color-active:var(--zn-input-background-color-hover);--adp-background-color-selected-other-month:var(--zn-color-primary-300);--adp-background-color-in-range:var(--zn-color-primary-100);--adp-border-color:rgb(var(--zn-border-color));--adp-border-color-inline:rgb(var(--zn-border-color));--adp-border-color-inner:rgb(var(--zn-border-color));--adp-cell-background-color-in-range:var(--zn-color-primary-100);--adp-cell-background-color-in-range-hover:var(--zn-color-primary-200)}.air-datepicker--pointer:after{background-color:var(--zn-input-background-color)}.air-datepicker-global-container{z-index:1000000}.air-datepicker-button{border:none;padding:var(--zn-spacing-2x-small) var(--zn-spacing-x-small);border-radius:var(--adp-border-radius);font-family:var(--adp-font-family),sans-serif;font-size:var(--zn-font-size-medium);font-weight:var(--zn-font-weight-normal);cursor:pointer;color:rgba(var(--zn-text),var(--zn-text-opacity))}.air-datepicker-button:hover{background-color:var(--zn-input-background-color-hover) !important}.zn-cloak:has(:not(:defined)){animation:2s step-end zn-cloak}@keyframes zn-cloak{from{opacity:0}to{opacity:1}}
|