@helpscout/ui-kit-react 0.1.10 → 0.1.12
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/lib/components/select/select.d.ts +9 -5
- package/dist/lib/components/select/select.d.ts.map +1 -1
- package/dist/lib/ui-kit-react.d.ts +1 -1
- package/dist/lib/ui-kit-react.d.ts.map +1 -1
- package/dist/prop-types.json +20 -1
- package/dist/ui-kit-react.css +1 -1
- package/dist/ui-kit-react.js +4267 -4213
- package/dist/ui-kit-react.umd.cjs +46 -46
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import type { ListBoxItemProps } from "react-aria-components";
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { ListBoxItemProps, ListBoxRenderProps } from "react-aria-components";
|
|
3
3
|
import { ComboBoxProps, PopoverProps, SelectProps as SelectPropsRAC } from "react-aria-components";
|
|
4
4
|
interface SelectProps extends Omit<SelectPropsRAC<object> & ComboBoxProps<object>, "children"> {
|
|
5
5
|
/** Optional class name to apply to the Select. */
|
|
@@ -7,7 +7,9 @@ interface SelectProps extends Omit<SelectPropsRAC<object> & ComboBoxProps<object
|
|
|
7
7
|
/** If true, the select is filterable. */
|
|
8
8
|
filterable?: boolean;
|
|
9
9
|
/** The options to be displayed in the select. */
|
|
10
|
-
children: React.ReactNode
|
|
10
|
+
children: React.ReactNode | ((item: {
|
|
11
|
+
[key: string]: string | number;
|
|
12
|
+
}) => React.ReactNode);
|
|
11
13
|
/** The label for the select. */
|
|
12
14
|
label?: string;
|
|
13
15
|
/** Hide the label visually. */
|
|
@@ -16,8 +18,10 @@ interface SelectProps extends Omit<SelectPropsRAC<object> & ComboBoxProps<object
|
|
|
16
18
|
popoverProps?: PopoverProps;
|
|
17
19
|
/** Callback function that is called when the selection changes. */
|
|
18
20
|
onSelectionChange: (key: string | number | null) => void;
|
|
21
|
+
/** Provides content to display when there are no items in the list. **/
|
|
22
|
+
renderEmptyState?: (props: ListBoxRenderProps) => React.ReactNode;
|
|
19
23
|
}
|
|
20
|
-
declare function Select({ filterable, children, className, label, popoverProps, hideLabel, placeholder, ...rest }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare function Select({ filterable, children, className, label, popoverProps, hideLabel, placeholder, renderEmptyState, ...rest }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
21
25
|
declare function SelectItem({ className, ...props }: ListBoxItemProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
export { Select, SelectItem, type SelectProps };
|
|
26
|
+
export { Select, SelectItem, type SelectProps, ListBoxRenderProps };
|
|
23
27
|
//# sourceMappingURL=select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../lib/components/select/select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../lib/components/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAEL,aAAa,EAKb,YAAY,EACZ,WAAW,IAAI,cAAc,EAG9B,MAAM,uBAAuB,CAAC;AAa/B,UAAU,WACR,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IACxE,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,iDAAiD;IACjD,QAAQ,EACJ,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAEpE,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,mEAAmE;IACnE,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAEzD,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;CACnE;AASD,iBAAS,MAAM,CAAC,EACd,UAAU,EACV,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAY,EACZ,SAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,WAAW,2CA4Cb;AA+BD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAI5D;AAED,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,WAAW,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -9,7 +9,7 @@ export { Link, type LinkProps, type LinkVariantProps, } from "./components/link/
|
|
|
9
9
|
export { List, ListItem, type ListProps, type ListVariantProps, } from "./components/list/list";
|
|
10
10
|
export { Menu, MenuItem, MenuTrigger, type MenuProps, } from "./components/menu/menu";
|
|
11
11
|
export { NumberField, type NumberFieldProps, } from "./components/number-field/number-field";
|
|
12
|
-
export { Select, SelectItem, type SelectProps, } from "./components/select/select";
|
|
12
|
+
export { Select, SelectItem, type SelectProps, type ListBoxRenderProps, } from "./components/select/select";
|
|
13
13
|
export { Text, type TextProps, type TextVariantProps, } from "./components/text/text";
|
|
14
14
|
export { TextArea, type TextAreaProps, type TextAreaVariantProps, } from "./components/text-area/text-area";
|
|
15
15
|
export { TextAreaField, type TextAreaFieldProps, } from "./components/text-area-field/text-area-field";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-kit-react.d.ts","sourceRoot":"","sources":["../../lib/ui-kit-react.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,WAAW,EACX,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,GAC1B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,KAAK,SAAS,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,MAAM,EACN,UAAU,EACV,KAAK,WAAW,
|
|
1
|
+
{"version":3,"file":"ui-kit-react.d.ts","sourceRoot":"","sources":["../../lib/ui-kit-react.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,WAAW,EACX,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,GAC1B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,KAAK,SAAS,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,MAAM,EACN,UAAU,EACV,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,oBAAoB,GAC1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,8CAA8C,CAAC;AACtD,OAAO,EACL,SAAS,EACT,KAAK,cAAc,GACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,qBAAqB,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,GACjC,MAAM,gDAAgD,CAAC"}
|
package/dist/prop-types.json
CHANGED
|
@@ -3142,7 +3142,7 @@
|
|
|
3142
3142
|
],
|
|
3143
3143
|
"required": true,
|
|
3144
3144
|
"type": {
|
|
3145
|
-
"name": "ReactNode"
|
|
3145
|
+
"name": "(item: { [key: string]: string | number; }) => ReactNode"
|
|
3146
3146
|
}
|
|
3147
3147
|
},
|
|
3148
3148
|
"label": {
|
|
@@ -3223,6 +3223,25 @@
|
|
|
3223
3223
|
"name": "(key: string | number | null) => void"
|
|
3224
3224
|
}
|
|
3225
3225
|
},
|
|
3226
|
+
"renderEmptyState": {
|
|
3227
|
+
"defaultValue": null,
|
|
3228
|
+
"description": "Provides content to display when there are no items in the list. *",
|
|
3229
|
+
"name": "renderEmptyState",
|
|
3230
|
+
"parent": {
|
|
3231
|
+
"fileName": "ui-kit-react/lib/components/select/select.tsx",
|
|
3232
|
+
"name": "SelectProps"
|
|
3233
|
+
},
|
|
3234
|
+
"declarations": [
|
|
3235
|
+
{
|
|
3236
|
+
"fileName": "ui-kit-react/lib/components/select/select.tsx",
|
|
3237
|
+
"name": "SelectProps"
|
|
3238
|
+
}
|
|
3239
|
+
],
|
|
3240
|
+
"required": false,
|
|
3241
|
+
"type": {
|
|
3242
|
+
"name": "(props: ListBoxRenderProps) => ReactNode"
|
|
3243
|
+
}
|
|
3244
|
+
},
|
|
3226
3245
|
"validationBehavior": {
|
|
3227
3246
|
"defaultValue": {
|
|
3228
3247
|
"value": "'native'"
|
package/dist/ui-kit-react.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--ui-kit-badge-font-family: var(--ui-kit-font-family-sans);--ui-kit-badge-font-size: 12px;--ui-kit-badge-font-weight: 500;--ui-kit-badge-line-height: 17px;--ui-kit-badge-border-radius: 100px;--ui-kit-badge-padding: 1px 8px 2px 8px;--ui-kit-badge-height: 18px;--ui-kit-badge-background-color: var(--ui-kit-color-basics-white);--ui-kit-badge-sm-font-size: 11px;--ui-kit-badge-sm-padding: 0px 8px;--ui-kit-badge-sm-line-height: normal;--ui-kit-badge-sm-height: 15px;--ui-kit-badge-default-font-size: var(--ui-kit-badge-font-size);--ui-kit-badge-default-padding: var(--ui-kit-badge-padding);--ui-kit-badge-default-line-height: var(--ui-kit-badge-line-height);--ui-kit-badge-default-height: var(--ui-kit-badge-height);--ui-kit-badge-default-text-color: var(--ui-kit-color-charcoal-700);--ui-kit-badge-default-border-color: var(--ui-kit-color-charcoal-500);--ui-kit-badge-success-text-color: var(--ui-kit-color-green-800);--ui-kit-badge-success-border-color: var(--ui-kit-color-green-500);--ui-kit-badge-warning-text-color: var(--ui-kit-color-orange-600);--ui-kit-badge-warning-border-color: var(--ui-kit-color-yellow-400);--ui-kit-badge-error-text-color: var(--ui-kit-color-red-600);--ui-kit-badge-error-border-color: var(--ui-kit-color-red-500)}.ui-kit__badge-module__base{background-color:var(--ui-kit-badge-background-color);color:var(--ui-kit-badge-default-text-color);font-family:var(--ui-kit-badge-font-family);font-size:var(--ui-kit-badge-font-size);font-weight:var(--ui-kit-badge-font-weight);line-height:var(--ui-kit-badge-default-line-height);padding:var(--ui-kit-badge-padding);border-radius:var(--ui-kit-badge-border-radius);border:1px solid var(--ui-kit-badge-default-border-color);height:var(--ui-kit-badge-default-height);display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.ui-kit__badge-module__sm{font-size:var(--ui-kit-badge-sm-font-size);padding:var(--ui-kit-badge-sm-padding);line-height:var(--ui-kit-badge-sm-line-height);height:var(--ui-kit-badge-sm-height)}.ui-kit__badge-module__default{background-color:var(--ui-kit-color-basics-white);color:var(--ui-kit-badge-default-text-color);border-color:var(--ui-kit-badge-default-border-color)}.ui-kit__badge-module__success{color:var(--ui-kit-badge-success-text-color);border-color:var(--ui-kit-badge-success-border-color)}.ui-kit__badge-module__warning{color:var(--ui-kit-badge-warning-text-color);border-color:var(--ui-kit-badge-warning-border-color)}.ui-kit__badge-module__error{color:var(--ui-kit-badge-error-text-color);border-color:var(--ui-kit-badge-error-border-color)}:root{--ui-kit-focus-ring-border-radius: 3px;--ui-kit-focus-ring-inner-color: var(--ui-kit-color-cobalt-600);--ui-kit-focus-ring-outer-color: var(--ui-kit-color-cobalt-200);--ui-kit-focus-ring-offset: -2px;--ui-kit-focus-ring-radius: calc(var(--ui-kit-focus-ring-border-radius) + 1px);--ui-kit-focus-ring-transition: opacity ease .2s;--ui-kit-focus-ring-z-index: 3}.ui-kit__useFocusRing-module__base{position:relative;outline:none}.ui-kit__useFocusRing-module__base:before{box-shadow:0 0 0 1px var(--ui-kit-focus-ring-inner-color),0 0 0 3px var(--ui-kit-focus-ring-outer-color);background:transparent;border-radius:var(--ui-kit-focus-ring-radius);content:"";inset:var(--ui-kit-focus-ring-offset);opacity:0;pointer-events:none;position:absolute;z-index:var(--ui-kit-focus-ring-z-index)}.ui-kit__useFocusRing-module__base[data-focused=true]:before{opacity:1;transition:var(--ui-kit-focus-ring-transition)}.ui-kit__useFocusRing-module__base[data-focused=true]:not([data-focus-visible]):before{opacity:0}:root{--ui-kit-button-background-color: white;--ui-kit-button-background-color-hover: var(--ui-kit-color-charcoal-100);--ui-kit-button-background-color-pressed: var(--ui-kit-color-charcoal-200);--ui-kit-button-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-border-style: solid;--ui-kit-button-border-radius: 3px;--ui-kit-button-border-width: 1px;--ui-kit-button-focus-ring-inner-color: var(--ui-kit-color-cobalt-600);--ui-kit-button-focus-ring-outer-color: var(--ui-kit-color-cobalt-200);--ui-kit-button-focus-ring-offset: -2px;--ui-kit-button-focus-ring-radius: calc(var(--ui-kit-button-border-radius) + 1px);--ui-kit-button-font-family: var(--ui-kit-font-family-sans);--ui-kit-button-font-size: var(--ui-kit-font-size-lg);--ui-kit-button-font-weight: var(--ui-kit-font-weight-medium);--ui-kit-button-height: 40px;--ui-kit-button-min-width: 90px;--ui-kit-button-padding: 0 30px;--ui-kit-button-text-color: var(--ui-kit-color-text-dark);--ui-kit-button-width: auto;--ui-kit-button-hovered-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-hovered-text-color: var(--ui-kit-color-text-dark);--ui-kit-button-pressed-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-pressed-text-color: var(--ui-kit-color-text-dark);--ui-kit-button-disabled-text-color: var(--ui-kit-color-text-disabled);--ui-kit-button-primary-background-color: var(--ui-kit-color-cobalt-600);--ui-kit-button-primary-border-color: transparent;--ui-kit-button-primary-text-color: var(--ui-kit-color-basics-white);--ui-kit-button-primary-hovered-background-color: var(--ui-kit-color-cobalt-700);--ui-kit-button-primary-pressed-background-color: var(--ui-kit-color-cobalt-800);--ui-kit-button-primary-disabled-background-color: var(--ui-kit-color-action-disabled);--ui-kit-button-primary-disabled-border-color: var(--ui-kit-color-action-disabled);--ui-kit-button-primary-disabled-text-color: var(--ui-kit-color-basics-white);--ui-kit-button-secondary-background-color: var(--ui-kit-color-basics-white);--ui-kit-button-secondary-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-secondary-text-color: var(--ui-kit-color-text-dark);--ui-kit-button-secondary-hovered-background-color: var(--ui-kit-color-charcoal-100);--ui-kit-button-secondary-pressed-background-color: var(--ui-kit-color-charcoal-200);--ui-kit-button-secondary-disabled-background-color: var(--ui-kit-color-basics-white);--ui-kit-button-secondary-disabled-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-secondary-disabled-text-color: var(--ui-kit-color-text-disabled);--ui-kit-button-critical-background-color: var(--ui-kit-color-error-background-dark);--ui-kit-button-critical-border-color: transparent;--ui-kit-button-critical-text-color: var(--ui-kit-color-basics-white);--ui-kit-button-critical-hovered-background-color: var(--ui-kit-color-red-700);--ui-kit-button-critical-pressed-background-color: var(--ui-kit-color-red-800);--ui-kit-button-critical-disabled-background-color: var(--ui-kit-color-action-disabled);--ui-kit-button-critical-disabled-border-color: var(--ui-kit-color-action-disabled);--ui-kit-button-critical-disabled-text-color: white;--ui-kit-button-tertiary-background-color: transparent;--ui-kit-button-tertiary-border-color: transparent;--ui-kit-button-tertiary-font-weight: 400;--ui-kit-button-tertiary-text-color: var(--ui-kit-color-cobalt-600);--ui-kit-button-tertiary-hovered-background-color: transparent;--ui-kit-button-tertiary-hovered-border-color: transparent;--ui-kit-button-tertiary-hovered-text-color: var(--ui-kit-color-cobalt-700);--ui-kit-button-tertiary-pressed-background-color: transparent;--ui-kit-button-tertiary-pressed-border-color: transparent;--ui-kit-button-tertiary-pressed-text-color: var(--ui-kit-color-cobalt-800);--ui-kit-button-tertiary-disabled-text-color: var(--ui-kit-color-action-disabled)}.ui-kit__button-module__base{background:var(--ui-kit-button-background-color);border:1px solid var(--ui-kit-button-border-color);color:var(--ui-kit-button-text-color);font-family:var(--ui-kit-button-font-family);font-size:var(--ui-kit-button-font-size);font-weight:var(--ui-kit-button-font-weight);height:var(--ui-kit-button-height);padding:var(--ui-kit-button-padding);align-items:center;border-radius:var(--ui-kit-button-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;line-height:1;outline:none;position:relative;width:var(--ui-kit-button-width)}.ui-kit__button-module__base[data-hovered]{background-color:var(--ui-kit-button-hovered-background-color);border-color:var(--ui-kit-button-hovered-border-color);color:var(--ui-kit-button-hovered-text-color)}.ui-kit__button-module__base[data-pressed]{background-color:var(--ui-kit-button-pressed-background-color);border-color:var(--ui-kit-button-pressed-border-color);color:var(--ui-kit-button-pressed-text-color)}.ui-kit__button-module__base[data-disabled]{pointer-events:none;-webkit-user-select:none;user-select:none}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__primary{--ui-kit-button-background-color: var(--ui-kit-button-primary-disabled-background-color);--ui-kit-button-border-color: var(--ui-kit-button-primary-disabled-border-color);--ui-kit-button-text-color: var(--ui-kit-button-primary-disabled-text-color)}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__secondary{--ui-kit-button-background-color: var(--ui-kit-button-secondary-disabled-background-color);--ui-kit-button-border-color: var(--ui-kit-button-secondary-disabled-border-color);--ui-kit-button-text-color: var(--ui-kit-button-secondary-disabled-text-color)}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__critical{--ui-kit-button-background-color: var(--ui-kit-button-critical-disabled-background-color);--ui-kit-button-border-color: var(--ui-kit-button-critical-disabled-border-color);--ui-kit-button-text-color: var(--ui-kit-button-critical-disabled-text-color)}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__secondary{--ui-kit-button-text-color: var(--ui-kit-button-disabled-text-color)}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__tertiary{--ui-kit-button-text-color: var(--ui-kit-button-tertiary-disabled-text-color)}.ui-kit__button-module__primary{--ui-kit-button-background-color: var(--ui-kit-button-primary-background-color);--ui-kit-button-border-color: var(--ui-kit-button-primary-border-color);--ui-kit-button-text-color: var(--ui-kit-button-primary-text-color);--ui-kit-button-hovered-background-color: var(--ui-kit-button-primary-hovered-background-color);--ui-kit-button-hovered-border-color: var(--ui-kit-button-primary-border-color);--ui-kit-button-hovered-text-color: var(--ui-kit-button-primary-disabled-text-color);--ui-kit-button-pressed-background-color: var(--ui-kit-button-primary-pressed-background-color);--ui-kit-button-pressed-border-color: var(--ui-kit-button-primary-border-color);--ui-kit-button-pressed-text-color: var(--ui-kit-button-primary-disabled-text-color)}.ui-kit__button-module__secondary{--ui-kit-button-background-color: var(--ui-kit-button-secondary-background-color);--ui-kit-button-border-color: var(--ui-kit-button-secondary-border-color);--ui-kit-button-text-color: var(--ui-kit-button-secondary-text-color);--ui-kit-button-hovered-background-color: var(--ui-kit-button-secondary-hovered-background-color);--ui-kit-button-hovered-border-color: var(--ui-kit-button-secondary-border-color);--ui-kit-button-hovered-text-color: var(--ui-kit-button-secondary-text-color);--ui-kit-button-pressed-background-color: var(--ui-kit-button-secondary-pressed-background-color);--ui-kit-button-pressed-border-color: var(--ui-kit-button-secondary-border-color);--ui-kit-button-pressed-text-color: var(--ui-kit-button-secondary-text-color)}.ui-kit__button-module__critical{--ui-kit-button-background-color: var(--ui-kit-button-critical-background-color);--ui-kit-button-border-color: var(--ui-kit-button-critical-border-color);--ui-kit-button-text-color: var(--ui-kit-button-critical-text-color);--ui-kit-button-hovered-background-color: var(--ui-kit-button-critical-hovered-background-color);--ui-kit-button-hovered-border-color: var(--ui-kit-button-critical-border-color);--ui-kit-button-hovered-text-color: var(--ui-kit-button-critical-disabled-text-color);--ui-kit-button-pressed-background-color: var(--ui-kit-button-critical-pressed-background-color);--ui-kit-button-pressed-border-color: var(--ui-kit-button-critical-border-color);--ui-kit-button-pressed-text-color: var(--ui-kit-button-critical-disabled-text-color)}.ui-kit__button-module__tertiary{--ui-kit-button-background-color: var(--ui-kit-button-tertiary-background-color);--ui-kit-button-border-color: var(--ui-kit-button-tertiary-border-color);--ui-kit-button-font-weight: var(--ui-kit-button-tertiary-font-weight);--ui-kit-button-text-color: var(--ui-kit-button-tertiary-text-color);--ui-kit-button-hovered-background-color: var(--ui-kit-button-tertiary-hovered-background-color);--ui-kit-button-hovered-border-color: var(--ui-kit-button-tertiary-hovered-border-color);--ui-kit-button-hovered-text-color: var(--ui-kit-button-tertiary-hovered-text-color);--ui-kit-button-pressed-background-color: var(--ui-kit-button-tertiary-pressed-background-color);--ui-kit-button-pressed-border-color: var(--ui-kit-button-tertiary-pressed-border-color);--ui-kit-button-pressed-text-color: var(--ui-kit-button-tertiary-pressed-text-color)}:root{--button-group-spacing: 4px}.ui-kit__button-group-module__base{display:flex;gap:var(--button-group-spacing)}.ui-kit__button-group-module__base>*{flex-basis:100%}.ui-kit__button-group-module__base>*.ui-kit__button-group-module__fit{flex-basis:unset}.ui-kit__divider-module__base{border-top:var(--ui-kit-divider-width) solid var(--ui-kit-divider-color);margin:var(--ui-kit-divider-margin-y) var(--ui-kit-divider-margin-x)}:root{--ui-kit-icon-aspect-ratio: 1;--ui-kit-icon-xxs-width: 12px;--ui-kit-icon-xs-width: 16px;--ui-kit-icon-sm-width: 20px;--ui-kit-icon-md-width: 24px;--ui-kit-icon-lg-width: 32px}.ui-kit__icon-module__base{aspect-ratio:var(--ui-kit-icon-aspect-ratio);width:var(--ui-kit-icon-md-width);color:currentColor;display:inline-block;position:relative}.ui-kit__icon-module__base>span,.ui-kit__icon-module__base svg{width:100%;height:100%;display:block}.ui-kit__icon-module__xs{width:var(--ui-kit-icon-xs-width)}.ui-kit__icon-module__sm{width:var(--ui-kit-icon-sm-width)}.ui-kit__icon-module__md{width:var(--ui-kit-icon-md-width)}.ui-kit__icon-module__lg{width:var(--ui-kit-icon-lg-width)}:root{--ui-kit-input-background-color: var(--ui-kit-color-basics-white);--ui-kit-input-border-color: var(--ui-kit-color-charcoal-500);--ui-kit-input-border-radius: 3px;--ui-kit-input-border-style: solid;--ui-kit-input-border-width: 1px;--ui-kit-input-focus-ring-offset: 1px;--ui-kit-input-font-family: var(--ui-kit-font-body-md-family);--ui-kit-input-font-size: var(--ui-kit-font-body-md-size);--ui-kit-input-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-input-line-height: 18px;--ui-kit-input-padding-x: 16px;--ui-kit-input-padding-y: 9px;--ui-kit-input-text-color: var(--ui-kit-color-text-default);--ui-kit-input-preview-padding-left: 19px;--ui-kit-input-preview-padding-right: 4px;--ui-kit-input-preview-padding-y: 0px;--ui-kit-input-suffix-padding-left: 15px;--ui-kit-input-suffix-padding-right: 12px;--ui-kit-input-suffix-padding-y: 0px;--ui-kit-input-disabled-background-color: var(--ui-kit-color-charcoal-100);--ui-kit-input-disabled-border-color: var(--ui-kit-color-action-disabled);--ui-kit-input-error-border-color: var(--ui-kit-color-error-border);--ui-kit-input-error-focus-ring-inner-color: var(--ui-kit-color-error-border);--ui-kit-input-error-focus-ring-outer-color: var( --ui-kit-color-error-background-light );--ui-kit-input-error-text-color: var(--ui-kit-color-error-text);--ui-kit-input-success-border-color: var(--ui-kit-color-success-border);--ui-kit-input-success-focus-ring-inner-color: var( --ui-kit-color-success-border );--ui-kit-input-success-focus-ring-outer-color: var( --ui-kit-color-success-background-light );--ui-kit-input-success-text-color: var(--ui-kit-color-success-text);--ui-kit-input-warning-border-color: var(--ui-kit-color-warning-border);--ui-kit-input-warning-focus-ring-inner-color: var( --ui-kit-color-warning-border );--ui-kit-input-warning-focus-ring-outer-color: var( --ui-kit-color-warning-background-light );--ui-kit-input-warning-text-color: var(--ui-kit-color-warning-text)}.ui-kit__input-module__base{--ui-kit-focus-ring-offset: var(--ui-kit-input-focus-ring-offset)}.ui-kit__input-module__base:before{border-radius:calc(var(--ui-kit-focus-ring-border-radius) - 1px)}.ui-kit__input-module__base.ui-kit__input-module__error{--ui-kit-focus-ring-inner-color: var( --ui-kit-input-error-focus-ring-inner-color );--ui-kit-focus-ring-outer-color: var( --ui-kit-input-error-focus-ring-outer-color )}.ui-kit__input-module__base.ui-kit__input-module__success{--ui-kit-focus-ring-inner-color: var( --ui-kit-input-success-focus-ring-inner-color );--ui-kit-focus-ring-outer-color: var( --ui-kit-input-success-focus-ring-outer-color )}.ui-kit__input-module__base.ui-kit__input-module__warning{--ui-kit-focus-ring-inner-color: var( --ui-kit-input-warning-focus-ring-inner-color );--ui-kit-focus-ring-outer-color: var( --ui-kit-input-warning-focus-ring-outer-color )}.ui-kit__input-module__group{align-items:center;background-color:var(--ui-kit-input-background-color);border-color:var(--ui-kit-input-border-color);border-radius:var(--ui-kit-input-border-radius);border-style:var(--ui-kit-input-border-style);border-width:var(--ui-kit-input-border-width);display:flex;width:100%}.ui-kit__input-module__group.ui-kit__input-module__disabled{--ui-kit-input-border-color: var(--ui-kit-input-disabled-border-color)}.ui-kit__input-module__group.ui-kit__input-module__error:not(.ui-kit__input-module__disabled){--ui-kit-input-border-color: var(--ui-kit-input-error-border-color)}.ui-kit__input-module__group.ui-kit__input-module__success:not(.ui-kit__input-module__disabled){--ui-kit-input-border-color: var(--ui-kit-input-success-border-color)}.ui-kit__input-module__group.ui-kit__input-module__warning:not(.ui-kit__input-module__disabled){--ui-kit-input-border-color: var(--ui-kit-input-warning-border-color)}.ui-kit__input-module__prefix{align-items:center;justify-content:center;display:flex;min-width:12px;padding:var(--ui-kit-input-padding-y) var(--ui-kit-input-padding-x);width:auto}.ui-kit__input-module__input{background-color:var(--ui-kit-input-background-color);border-radius:var(--ui-kit-input-border-radius);color:var(--ui-kit-input-text-color);font-family:var(--ui-kit-input-font-family);font-size:var(--ui-kit-input-font-size);font-weight:var(--ui-kit-input-font-weight);line-height:var(--ui-kit-input-line-height);padding:var(--ui-kit-input-padding-y) var(--ui-kit-input-padding-x);width:100%;border:none;outline:none}.ui-kit__input-module__input[data-disabled=true]{--ui-kit-input-background-color: var( --ui-kit-input-disabled-background-color );-webkit-user-select:none;user-select:none}.ui-kit__input-module__input.ui-kit__input-module__left{text-align:left}.ui-kit__input-module__input.ui-kit__input-module__right{text-align:right}.ui-kit__input-module__input.ui-kit__input-module__error:not([data-disabled=true]){--ui-kit-input-text-color: var(--ui-kit-input-error-text-color)}.ui-kit__input-module__input.ui-kit__input-module__error:not([data-disabled=true])::placeholder{color:var(--ui-kit-input-error-text-color)}.ui-kit__input-module__input.ui-kit__input-module__success:not([data-disabled=true]){--ui-kit-input-text-color: var(--ui-kit-input-success-text-color)}.ui-kit__input-module__input.ui-kit__input-module__success:not([data-disabled=true])::placeholder{color:var(--ui-kit-input-success-text-color)}.ui-kit__input-module__input.ui-kit__input-module__warning:not([data-disabled=true]){--ui-kit-input-text-color: var(--ui-kit-input-warning-text-color)}.ui-kit__input-module__input.ui-kit__input-module__warning:not([data-disabled=true])::placeholder{color:var(--ui-kit-input-warning-text-color)}.ui-kit__input-module__prefix+input{padding-left:0}.ui-kit__input-module__prefix{align-items:center;justify-content:center;display:flex;padding:var(--ui-kit-input-padding-y) var(--ui-kit-input-preview-padding-right) var(--ui-kit-input-padding-y) var(--ui-kit-input-preview-padding-left);width:auto}.ui-kit__input-module__suffix{align-items:center;justify-content:center;display:flex;padding:var(--ui-kit-input-suffix-padding-y) var(--ui-kit-input-suffix-padding-right) var(--ui-kit-input-suffix-padding-y) var(--ui-kit-input-suffix-padding-left);width:auto}:root{--ui-kit-text-color: var(--ui-kit-text-body-md-color);--ui-kit-text-font-family: var(--ui-kit-text-body-md-font-family);--ui-kit-text-font-size: var(--ui-kit-text-body-md-font-size);--ui-kit-text-font-weight: var(--ui-kit-text-body-md-font-weight);--ui-kit-text-headline-color: var(--ui-kit-color-text-headline);--ui-kit-text-dark-color: var(--ui-kit-color-text-dark);--ui-kit-text-default-color: var(--ui-kit-color-text-default);--ui-kit-text-light-color: var(--ui-kit-color-text-light);--ui-kit-text-disabled-color: var(--ui-kit-color-text-disabled);--ui-kit-text-info-color: var(--ui-kit-color-info-text);--ui-kit-text-success-color: var(--ui-kit-color-success-text);--ui-kit-text-warning-color: var(--ui-kit-color-warning-text);--ui-kit-text-critical-color: var(--ui-kit-color-error-text);--ui-kit-text-error-color: var(--ui-kit-color-error-text);--ui-kit-text-heading-lg-color: var(--ui-kit-text-headline-color);--ui-kit-text-heading-lg-font-family: var(--ui-kit-font-heading-lg-family);--ui-kit-text-heading-lg-font-size: var(--ui-kit-font-heading-lg-size);--ui-kit-text-heading-lg-font-weight: var(--ui-kit-font-heading-lg-weight);--ui-kit-text-heading-md-color: var(--ui-kit-text-dark-color);--ui-kit-text-heading-md-font-family: var(--ui-kit-font-heading-md-family);--ui-kit-text-heading-md-font-size: var(--ui-kit-font-heading-md-size);--ui-kit-text-heading-md-font-weight: var(--ui-kit-font-heading-md-weight);--ui-kit-text-heading-sm-color: var(--ui-kit-text-default-color);--ui-kit-text-heading-sm-font-family: var(--ui-kit-font-heading-sm-family);--ui-kit-text-heading-sm-font-size: var(--ui-kit-font-heading-sm-size);--ui-kit-text-heading-sm-font-weight: var(--ui-kit-font-heading-sm-weight);--ui-kit-text-body-md-strong-color: var(--ui-kit-text-default-color);--ui-kit-text-body-md-strong-font-family: var( --ui-kit-font-body-md-strong-family );--ui-kit-text-body-md-strong-font-size: var( --ui-kit-font-body-md-strong-size );--ui-kit-text-body-md-strong-font-weight: var( --ui-kit-font-body-md-strong-weight );--ui-kit-text-body-md-color: var(--ui-kit-text-default-color);--ui-kit-text-body-md-font-family: var(--ui-kit-font-body-md-family);--ui-kit-text-body-md-font-size: var(--ui-kit-font-body-md-size);--ui-kit-text-body-md-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-text-body-sm-color: var(--ui-kit-text-light-color);--ui-kit-text-body-sm-font-family: var(--ui-kit-font-body-sm-family);--ui-kit-text-body-sm-font-size: var(--ui-kit-font-body-sm-size);--ui-kit-text-body-sm-font-weight: var(--ui-kit-font-body-sm-weight)}.ui-kit__text-module__base{color:var(--ui-kit-text-color);font-family:var(--ui-kit-text-font-family);font-size:var(--ui-kit-text-font-size);font-weight:var(--ui-kit-text-font-weight)}.ui-kit__text-module__visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ui-kit__text-module__heading-lg{--ui-kit-text-color: var(--ui-kit-text-heading-lg-color);--ui-kit-text-font-family: var(--ui-kit-text-heading-lg-font-family);--ui-kit-text-font-size: var(--ui-kit-text-heading-lg-font-size);--ui-kit-text-font-weight: var(--ui-kit-text-heading-lg-font-weight)}.ui-kit__text-module__heading-md{--ui-kit-text-color: var(--ui-kit-text-heading-md-color);--ui-kit-text-font-family: var(--ui-kit-text-heading-md-font-family);--ui-kit-text-font-size: var(--ui-kit-text-heading-md-font-size);--ui-kit-text-font-weight: var(--ui-kit-text-heading-md-font-weight)}.ui-kit__text-module__body-md-strong{--ui-kit-text-color: var(--ui-kit-text-body-md-strong-color);--ui-kit-text-font-family: var(--ui-kit-text-body-md-strong-font-family);--ui-kit-text-font-size: var(--ui-kit-text-body-md-strong-font-size);--ui-kit-text-font-weight: var(--ui-kit-text-body-md-strong-font-weight)}.ui-kit__text-module__body-md{--ui-kit-text-color: var(--ui-kit-text-body-md-color);--ui-kit-text-font-family: var(--ui-kit-text-body-md-font-family);--ui-kit-text-font-size: var(--ui-kit-text-body-md-font-size);--ui-kit-text-font-weight: var(--ui-kit-text-body-md-font-weight)}.ui-kit__text-module__body-sm{--ui-kit-text-color: var(--ui-kit-text-body-sm-color);--ui-kit-text-font-family: var(--ui-kit-text-body-sm-font-family);--ui-kit-text-font-size: var(--ui-kit-text-body-sm-font-size);--ui-kit-text-font-weight: var(--ui-kit-text-body-sm-font-weight)}.ui-kit__text-module__default{--ui-kit-text-color: var(--ui-kit-text-default-color)}.ui-kit__text-module__headline{--ui-kit-text-color: var(--ui-kit-text-headline-color)}.ui-kit__text-module__dark{--ui-kit-text-color: var(--ui-kit-text-dark-color)}.ui-kit__text-module__light{--ui-kit-text-color: var(--ui-kit-text-light-color)}.ui-kit__text-module__disabled{--ui-kit-text-color: var(--ui-kit-text-disabled-color)}.ui-kit__text-module__info{--ui-kit-text-color: var(--ui-kit-text-info-color)}.ui-kit__text-module__success{--ui-kit-text-color: var(--ui-kit-text-success-color)}.ui-kit__text-module__warning{--ui-kit-text-color: var(--ui-kit-text-warning-color)}.ui-kit__text-module__critical{--ui-kit-text-color: var(--ui-kit-text-critical-color)}.ui-kit__text-module__error{--ui-kit-text-color: var(--ui-kit-text-error-color)}:root{--ui-kit-label-color: var(--ui-kit-color-text-default);--ui-kit-label-font-family: var(--ui-kit-font-family-sans);--ui-kit-label-font-size: var(--ui-kit-font-body-md-size);--ui-kit-label-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-label-line-height: 19px}.ui-kit__label-module__base{color:var(--ui-kit-label-color);font-size:var(--ui-kit-label-font-size);font-weight:var(--ui-kit-label-font-weight);line-height:var(--ui-kit-label-line-height)}.ui-kit__label-module__label-group{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0}:root{--ui-kit-link-font-family: var(--ui-kit-font-body-md-family);--ui-kit-link-font-size: var(--ui-kit-font-body-md-size);--ui-kit-link-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-link-border-radius: 3px;--ui-kit-link-color: var(--ui-kit-color-action-default);--ui-kit-link-hover-text-color: var(--ui-kit-color-action-hovered);--ui-kit-link-pressed-text-color: var(--ui-kit-color-action-pressed);--ui-kit-link-disabled-text-color: var(--ui-kit-color-action-disabled)}.ui-kit__link-module__base{color:var(--ui-kit-link-color);cursor:pointer;font-family:var(--ui-kit-link-font-family);font-size:var(--ui-kit-link-font-size);font-weight:var(--ui-kit-link-font-weight);text-decoration:none;display:inline-flex;outline:none;position:relative}.ui-kit__link-module__base[data-hovered]:not([data-disabled]){color:var(--ui-kit-link-hover-text-color);text-decoration:underline}.ui-kit__link-module__base[data-pressed]:not([data-disabled]){color:var(--ui-kit-link-pressed-text-color)}.ui-kit__link-module__base[data-disabled]{cursor:default;--ui-kit-link-color: var(--ui-kit-link-disabled-text-color)}:root{--ui-kit-list-margin: 0;--ui-kit-list-text-color: var(--ui-kit-color-text-default);--ui-kit-list-font-family: var(--ui-kit-font-body-md-family);--ui-kit-list-font-size: var(--ui-kit-font-body-md-size);--ui-kit-list-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-list-numbered-style-type: decimal;--ui-kit-list-numbered-padding: 0 0 0 16px;--ui-kit-list-bullet-style-type: disc;--ui-kit-list-bullet-padding: 0 0 0 16px}.ui-kit__list-module__base{display:block;list-style:none;margin:var(--ui-kit-list-margin);color:var(--ui-kit-list-text-color);font-family:var(--ui-kit-list-font-family);font-size:var(--ui-kit-list-font-size);font-weight:var(--ui-kit-list-font-weight);padding-left:0}.ui-kit__list-module__bullet{list-style-type:var(--ui-kit-list-bullet-style-type);padding:var(--ui-kit-list-bullet-padding)}.ui-kit__list-module__numbered{list-style-type:var(--ui-kit-list-numbered-style-type);padding:var(--ui-kit-list-numbered-padding)}.ui-kit__list-module__item{margin:0}.ui-kit__menu-module__menu{background:gray}:root{--ui-kit-menu-background-color: var(--ui-kit-color-basics-white);--ui-kit-menu-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-menu-border-radius: 4px;--ui-kit-menu-box-shadow: 0px 1px 7px 0px #00000014;--ui-kit-menu-max-height: 165px;--ui-kit-menu-padding: 5px;--ui-kit-menu-width: 180px;--ui-kit-menu-item-background-color: var(--ui-kit-color-basics-white);--ui-kit-menu-item-font-family: var(--ui-kit-font-body-md-family);--ui-kit-menu-item-font-size: var(--ui-kit-font-body-md-size);--ui-kit-menu-item-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-menu-item-line-height: 19px;--ui-kit-menu-item-text-color: var(--ui-kit-color-text-dark);--ui-kit-menu-item-padding: 8px 15px 9px 15px;--ui-kit-menu-item-disabled-text-color: var(--ui-kit-color-text-disabled);--ui-kit-menu-item-hovered-background-color: var(--ui-kit-color-charcoal-100)}.ui-kit__menu-module__menu{background:var(--ui-kit-menu-background-color);border:1px solid var(--ui-kit-menu-border-color);border-radius:var(--ui-kit-menu-border-radius);box-shadow:var(--ui-kit-menu-box-shadow);max-height:var(--ui-kit-menu-max-height);padding:var(--ui-kit-menu-padding);width:var(--ui-kit-menu-width);overflow-x:hidden;overflow-y:auto}.ui-kit__menu-module__menu:focus{outline:none}.ui-kit__menu-module__menuItem{background:var(--ui-kit-menu-item-background-color);color:var(--ui-kit-menu-item-text-color);font-family:var(--ui-kit-menu-item-font-family);font-size:var(--ui-kit-menu-item-font-size);font-weight:var(--ui-kit-menu-item-font-weight);line-height:var(--ui-kit-menu-item-line-height);padding:var(--ui-kit-menu-item-padding)}.ui-kit__menu-module__menuItem[data-disabled]{color:var(--ui-kit-menu-item-disabled-text-color);cursor:not-allowed;pointer-events:none}.ui-kit__menu-module__menuItem[data-hovered]:not([data-disabled]),.ui-kit__menu-module__menuItem[data-focused]:not([data-disabled]){background:var(--ui-kit-menu-item-hovered-background-color);outline:none;cursor:default}.ui-kit__menu-module__menuItemWrapper{display:inline-block;pointer-events:all}:root{--ui-kit-number-field-background-color: white;--ui-kit-number-field-text-color: var(--ui-kit-color-text-default);--ui-kit-number-field-font-family: var(--ui-kit-font-body-md-family);--ui-kit-number-field-font-size: var(--ui-kit-font-body-md-size);--ui-kit-number-field-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-number-field-border-color: var(--ui-kit-color-charcoal-500);--ui-kit-number-field-border-size: 1px;--ui-kit-number-field-border-style: solid;--ui-kit-number-field-border-radius: 2px;--ui-kit-number-field-button-text-color: var(--ui-kit-color-charcoal-700);--ui-kit-number-field-button-background-color: white;--ui-kit-number-field-button-background-color-hovered: var(--ui-kit-color-charcoal-200);--ui-kit-number-field-button-background-color-pressed: var(--ui-kit-color-charcoal-300);--ui-kit-number-field-button-text-color-disabled: var(--ui-kit-color-action-disabled);--ui-kit-number-field-button-background-color-disabled: white}.ui-kit__number-field-module__base{--ui-kit-focus-ring-radius: 2px}.ui-kit__number-field-module__group{display:grid;grid-template-columns:1fr 25px;height:38px;grid-template-rows:1fr 1fr;border:var(--ui-kit-number-field-border-size) var(--ui-kit-number-field-border-style) var(--ui-kit-number-field-border-color);border-radius:var(--ui-kit-number-field-border-radius)}.ui-kit__number-field-module__group .ui-kit__number-field-module__input{grid-row:1 / 3}.ui-kit__number-field-module__group .ui-kit__number-field-module__button[slot=increment]{grid-column:2;grid-row:1;align-self:end;justify-self:center}.ui-kit__number-field-module__group .ui-kit__number-field-module__button[slot=decrement]{grid-column:2;grid-row:2;align-self:start;justify-self:center}.ui-kit__number-field-module__input{background:none;border:none;outline:none;padding:10px 20px;width:100%;color:var(--ui-kit-number-field-text-color);font-family:var(--ui-kit-number-field-font-family);font-size:var(--ui-kit-number-field-font-size);font-weight:var(--ui-kit-number-field-font-weight);border-right:var(--ui-kit-number-field-border-size) var(--ui-kit-number-field-border-style) var(--ui-kit-number-field-border-color)}.ui-kit__number-field-module__button{width:16px;height:16px;display:flex;justify-content:center;align-items:center;border:none;background:var(--ui-kit-number-field-button-background-color);color:var(--ui-kit-number-field-button-text-color)}.ui-kit__number-field-module__button[data-hovered]{cursor:pointer;background-color:var( --ui-kit-number-field-button-background-color-hovered )}.ui-kit__number-field-module__button[data-pressed]{background-color:var( --ui-kit-number-field-button-background-color-pressed )}.ui-kit__number-field-module__button[disabled]{background-color:var( --ui-kit-number-field-button-background-color-disabled );color:var(--ui-kit-number-field-button-text-color-disabled);cursor:default}:root{--ui-kit-select-width: 340px;--ui-kit-list-box-background-color: var(--ui-kit-color-basics-white);--ui-kit-list-box-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-list-box-border-radius: 4px;--ui-kit-list-box-box-shadow: 0px 1px 7px 0px #00000014;--ui-kit-list-box-max-height: 180px;--ui-kit-list-box-padding: 5px;--ui-kit-select-item-background-color: var(--ui-kit-color-basics-white);--ui-kit-select-item-font-family: var(--ui-kit-font-body-md-family);--ui-kit-select-item-font-size: var(--ui-kit-font-body-md-size);--ui-kit-select-item-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-select-item-line-height: 19px;--ui-kit-select-item-text-color: var(--ui-kit-color-text-dark);--ui-kit-select-item-padding: 8px 15px 9px;--ui-kit-select-item-border-radius: 3px;--ui-kit-select-item-hovered-background-color: var(--ui-kit-color-charcoal-100);--ui-kit-select-toggle-button-padding: 0 10px 0 15px;--ui-kit-select-toggle-button-background-color: var(--ui-kit-color-basics-white);--ui-kit-select-placeholder-text-color: var(--ui-kit-color-charcoal-800);--ui-kit-select-label-padding: 0 0 6px 0px}.ui-kit__select-module__select{width:calc(var(--ui-kit-select-width) + 2px)}.ui-kit__select-module__listBox{background:var(--ui-kit-list-box-background-color);border:1px solid var(--ui-kit-list-box-border-color);border-radius:var(--ui-kit-list-box-border-radius);box-shadow:var(--ui-kit-list-box-box-shadow);max-height:var(--ui-kit-list-box-max-height);padding:var(--ui-kit-list-box-padding);min-width:calc(var(--ui-kit-select-width) - 2 * var(--ui-kit-list-box-padding));overflow-x:hidden;overflow-y:auto}.ui-kit__select-module__listBox:focus{outline:none}.ui-kit__select-module__selectItem{background:var(--ui-kit-select-item-background-color);border-radius:var(--ui-kit-select-item-border-radius);color:var(--ui-kit-select-item-text-color);font-family:var(--ui-kit-select-item-font-family);font-size:var(--ui-kit-select-item-font-size);font-weight:var(--ui-kit-select-item-font-weight);line-height:var(--ui-kit-select-item-line-height);padding:var(--ui-kit-select-item-padding);cursor:default}.ui-kit__select-module__selectItem[data-hovered],.ui-kit__select-module__selectItem[data-focused],.ui-kit__select-module__selectItem[data-selected]{background:var(--ui-kit-select-item-hovered-background-color);outline:none}.ui-kit__select-module__selectTrigger{width:calc(var(--ui-kit-select-width) + 2px);padding:var(--ui-kit-select-toggle-button-padding);justify-content:space-between}.ui-kit__select-module__selectTrigger[data-pressed],.ui-kit__select-module__selectTrigger[data-hovered]{background:var(--ui-kit-select-toggle-button-background-color)}.ui-kit__select-module__selectTrigger [data-placeholder]{color:var(--ui-kit-select-placeholder-text-color)}.ui-kit__select-module__filterableTrigger{--ui-kit-button-padding: 0px}.ui-kit__select-module__selectLabel{padding:var(--ui-kit-select-label-padding);display:inline-block}.ui-kit__select-module__visuallyHidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ui-kit__select-module__hideSelectValue[data-placeholder]{visibility:hidden}:root{--ui-kit-text-area-background-color: var(--ui-kit-color-basics-white);--ui-kit-text-area-border-color: var(--ui-kit-color-charcoal-500);--ui-kit-text-area-border-radius: 3px;--ui-kit-text-area-border-style: solid;--ui-kit-text-area-border-width: 1px;--ui-kit-text-area-focus-ring-offset: 1px;--ui-kit-text-area-font-family: var(--ui-kit-font-body-md-family);--ui-kit-text-area-font-size: var(--ui-kit-font-body-md-size);--ui-kit-text-area-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-text-area-line-height: 18px;--ui-kit-text-area-padding-x: 16px;--ui-kit-text-area-padding-y: 9px;--ui-kit-text-area-text-color: var(--ui-kit-color-text-default);--ui-kit-text-area-disabled-background-color: var(--ui-kit-color-charcoal-100);--ui-kit-text-area-disabled-border-color: var(--ui-kit-color-action-disabled);--ui-kit-text-area-error-border-color: var(--ui-kit-color-error-border);--ui-kit-text-area-error-focus-ring-inner-color: var(--ui-kit-color-error-border);--ui-kit-text-area-error-focus-ring-outer-color: var(--ui-kit-color-error-background-light);--ui-kit-text-area-error-text-color: var(--ui-kit-color-error-text);--ui-kit-text-area-success-border-color: var(--ui-kit-color-success-border);--ui-kit-text-area-success-focus-ring-inner-color: var(--ui-kit-color-success-border);--ui-kit-text-area-success-focus-ring-outer-color: var(--ui-kit-color-success-background-light);--ui-kit-text-area-success-text-color: var(--ui-kit-color-success-text);--ui-kit-text-area-warning-border-color: var(--ui-kit-color-warning-border);--ui-kit-text-area-warning-focus-ring-inner-color: var(--ui-kit-color-warning-border);--ui-kit-text-area-warning-focus-ring-outer-color: var(--ui-kit-color-warning-background-light);--ui-kit-text-area-warning-text-color: var(--ui-kit-color-warning-text)}.ui-kit__text-area-module__base{--ui-kit-focus-ring-offset: var(--ui-kit-text-area-focus-ring-offset);display:flex}.ui-kit__text-area-module__base:before{border-radius:calc(var(--ui-kit-focus-ring-border-radius) - 1px)}.ui-kit__text-area-module__base.ui-kit__text-area-module__error{--ui-kit-focus-ring-inner-color: var(--ui-kit-text-area-error-focus-ring-inner-color);--ui-kit-focus-ring-outer-color: var(--ui-kit-text-area-error-focus-ring-outer-color)}.ui-kit__text-area-module__base.ui-kit__text-area-module__success{--ui-kit-focus-ring-inner-color: var(--ui-kit-text-area-success-focus-ring-inner-color);--ui-kit-focus-ring-outer-color: var(--ui-kit-text-area-success-focus-ring-outer-color)}.ui-kit__text-area-module__base.ui-kit__text-area-module__warning{--ui-kit-focus-ring-inner-color: var(--ui-kit-text-area-warning-focus-ring-inner-color);--ui-kit-focus-ring-outer-color: var(--ui-kit-text-area-warning-focus-ring-outer-color)}.ui-kit__text-area-module__text-area{background-color:var(--ui-kit-text-area-background-color);border-color:var(--ui-kit-text-area-border-color);border-radius:var(--ui-kit-text-area-border-radius);border-style:var(--ui-kit-text-area-border-style);border-width:var(--ui-kit-text-area-border-width);color:var(--ui-kit-text-area-text-color);font-family:var(--ui-kit-text-area-font-family);font-size:var(--ui-kit-text-area-font-size);font-weight:var(--ui-kit-text-area-font-weight);line-height:var(--ui-kit-text-area-line-height);padding:var(--ui-kit-text-area-padding-y) var(--ui-kit-text-area-padding-x);outline:none;resize:none;width:100%}.ui-kit__text-area-module__text-area[data-disabled=true]{--ui-kit-text-area-background-color: var(--ui-kit-text-area-disabled-background-color);--ui-kit-text-area-border-color: var(--ui-kit-text-area-disabled-border-color);-webkit-user-select:none;user-select:none}.ui-kit__text-area-module__text-area.ui-kit__text-area-module__error:not([data-disabled=true]){--ui-kit-text-area-border-color: var(--ui-kit-text-area-error-border-color);--ui-kit-text-area-text-color: var(--ui-kit-text-area-error-text-color)}.ui-kit__text-area-module__text-area.ui-kit__text-area-module__error:not([data-disabled=true])::placeholder{color:var(--ui-kit-text-area-error-text-color)}.ui-kit__text-area-module__text-area.ui-kit__text-area-module__success:not([data-disabled=true]){--ui-kit-text-area-border-color: var(--ui-kit-text-area-success-border-color);--ui-kit-text-area-text-color: var(--ui-kit-text-area-success-text-color)}.ui-kit__text-area-module__text-area.ui-kit__text-area-module__success:not([data-disabled=true])::placeholder{color:var(--ui-kit-text-area-success-text-color)}.ui-kit__text-area-module__text-area.ui-kit__text-area-module__warning:not([data-disabled=true]){--ui-kit-text-area-border-color: var(--ui-kit-text-area-warning-border-color);--ui-kit-text-area-text-color: var(--ui-kit-text-area-warning-text-color)}.ui-kit__text-area-module__text-area.ui-kit__text-area-module__warning:not([data-disabled=true])::placeholder{color:var(--ui-kit-text-area-warning-text-color)}:root{--ui-kit-text-area-field-gap: 8px;--ui-kit-text-area-field-control-gap: 6px}.ui-kit__text-area-field-module__base{display:flex;flex-direction:column;gap:var(--ui-kit-text-area-field-gap)}.ui-kit__text-area-field-module__base .ui-kit__text-area-field-module__control{display:flex;flex-direction:column;gap:var(--ui-kit-text-area-field-control-gap)}:root{--ui-kit-validation-alert-background-color: transparent;--ui-kit-validation-alert-font-family: var(--ui-kit-font-body-md-family);--ui-kit-validation-alert-font-size: var(--ui-kit-font-body-md-size);--ui-kit-validation-alert-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-validation-alert-line-height: 19px;--ui-kit-validation-alert-padding-x: 6px;--ui-kit-validation-alert-padding-y: .5px;--ui-kit-validation-alert-text-color: var(--ui-kit-color-text);--ui-kit-validation-alert-error-background-color: var(--ui-kit-color-error-background-light);--ui-kit-validation-alert-error-text-color: var(--ui-kit-color-error-text);--ui-kit-validation-alert-success-background-color: var(--ui-kit-color-success-background-light);--ui-kit-validation-alert-success-text-color: var(--ui-kit-color-success-text);--ui-kit-validation-alert-warning-background-color: var(--ui-kit-color-warning-background-light);--ui-kit-validation-alert-warning-text-color: var(--ui-kit-color-warning-text)}.ui-kit__validation-alert-module__base{background-color:var(--ui-kit-validation-alert-background-color);color:var(--ui-kit-validation-alert-text-color);font-family:var(--ui-kit-validation-alert-font-family);font-size:var(--ui-kit-validation-alert-font-size);font-weight:var(--ui-kit-validation-alert-font-weight);gap:calc(var(--ui-kit-validation-alert-padding-x)/2);line-height:var(--ui-kit-validation-alert-line-height);padding:var(--ui-kit-validation-alert-padding-y) var(--ui-kit-validation-alert-padding-x) var(--ui-kit-validation-alert-padding-y) calc(var(--ui-kit-validation-alert-padding-x)/2);align-items:center;display:flex;flex-direction:row;width:100%;word-break:break-word}.ui-kit__validation-alert-module__base.ui-kit__validation-alert-module__error{--ui-kit-validation-alert-background-color: var(--ui-kit-validation-alert-error-background-color);--ui-kit-validation-alert-text-color: var(--ui-kit-validation-alert-error-text-color)}.ui-kit__validation-alert-module__base.ui-kit__validation-alert-module__success{--ui-kit-validation-alert-background-color: var(--ui-kit-validation-alert-success-background-color);--ui-kit-validation-alert-text-color: var(--ui-kit-validation-alert-success-text-color)}.ui-kit__validation-alert-module__base.ui-kit__validation-alert-module__warning{--ui-kit-validation-alert-background-color: var(--ui-kit-validation-alert-warning-background-color);--ui-kit-validation-alert-text-color: var(--ui-kit-validation-alert-warning-text-color)}.ui-kit__validation-alert-module__base .ui-kit__validation-alert-module__icon svg{fill:currentColor;margin-top:2px}:root{--ui-kit-text-field-gap: 8px;--ui-kit-text-field-control-gap: 6px}.ui-kit__text-field-module__base{display:flex;flex-direction:column;gap:var(--ui-kit-text-field-gap)}.ui-kit__text-field-module__base .ui-kit__text-field-module__control{display:flex;flex-direction:column;gap:var(--ui-kit-text-field-control-gap)}:root{--ui-kit-color-red-100: #FFF0E8;--ui-kit-color-red-200: #FEDFD5;--ui-kit-color-red-300: #FFBCAD;--ui-kit-color-red-400: #FA7A64;--ui-kit-color-red-500: #E54A32;--ui-kit-color-red-600: #B83525;--ui-kit-color-red-700: #822824;--ui-kit-color-red-800: #592728;--ui-kit-color-red-900: #402629;--ui-kit-color-red-1000: #2B2123;--ui-kit-color-red-accent: #FF4747;--ui-kit-color-orange-100: #FFF2E8;--ui-kit-color-orange-200: #FFE4D1;--ui-kit-color-orange-300: #FAC096;--ui-kit-color-orange-400: #F5964E;--ui-kit-color-orange-500: #D67022;--ui-kit-color-orange-600: #A35214;--ui-kit-color-orange-700: #7A4518;--ui-kit-color-orange-800: #573B23;--ui-kit-color-orange-900: #3D2F22;--ui-kit-color-orange-1000: #2B241D;--ui-kit-color-orange-accent: #FF8B33;--ui-kit-color-yellow-100: #FFF6E5;--ui-kit-color-yellow-200: #FFEECC;--ui-kit-color-yellow-300: #FFDD99;--ui-kit-color-yellow-400: #FABF5A;--ui-kit-color-yellow-500: #E09C24;--ui-kit-color-yellow-600: #AC771B;--ui-kit-color-yellow-700: #7A581D;--ui-kit-color-yellow-800: #574323;--ui-kit-color-yellow-900: #403521;--ui-kit-color-yellow-1000: #2B261D;--ui-kit-color-yellow-accent: #FFB83D;--ui-kit-color-green-100: #F2FFF0;--ui-kit-color-green-200: #E0FCDE;--ui-kit-color-green-300: #B9EDBD;--ui-kit-color-green-400: #83DB9C;--ui-kit-color-green-500: #47C47D;--ui-kit-color-green-600: #2D8556;--ui-kit-color-green-700: #28704C;--ui-kit-color-green-800: #2E5940;--ui-kit-color-green-900: #283B2D;--ui-kit-color-green-1000: #222923;--ui-kit-color-green-accent: #56F09E;--ui-kit-color-slate-100: #F2F9FC;--ui-kit-color-slate-200: #E1EEF5;--ui-kit-color-slate-300: #CCDEE8;--ui-kit-color-slate-400: #A9C4D4;--ui-kit-color-slate-500: #82A7BA;--ui-kit-color-slate-600: #658B9E;--ui-kit-color-slate-700: #486878;--ui-kit-color-slate-800: #344852;--ui-kit-color-slate-900: #283338;--ui-kit-color-slate-1000: #1F2426;--ui-kit-color-slate-accent: #47C2FF;--ui-kit-color-cobalt-100: #EBF5FF;--ui-kit-color-cobalt-200: #D1E8FF;--ui-kit-color-cobalt-300: #9ECBFF;--ui-kit-color-cobalt-400: #66A3FF;--ui-kit-color-cobalt-500: #4176FA;--ui-kit-color-cobalt-600: #304DDB;--ui-kit-color-cobalt-700: #263AAD;--ui-kit-color-cobalt-800: #1C2674;--ui-kit-color-cobalt-900: #171952;--ui-kit-color-cobalt-1000: #0E0E33;--ui-kit-color-cobalt-accent: #47A3FF;--ui-kit-color-purple-100: #F9F2FF;--ui-kit-color-purple-200: #F2E5FF;--ui-kit-color-purple-300: #D7BAF5;--ui-kit-color-purple-400: #AD82D8;--ui-kit-color-purple-500: #9163BF;--ui-kit-color-purple-600: #774BA3;--ui-kit-color-purple-700: #5D407A;--ui-kit-color-purple-800: #48335C;--ui-kit-color-purple-900: #31253D;--ui-kit-color-purple-1000: #271F2E;--ui-kit-color-purple-accent: #C285FF;--ui-kit-color-magenta-100: #FFF2F4;--ui-kit-color-magenta-200: #FFE5EA;--ui-kit-color-magenta-300: #FFC7D3;--ui-kit-color-magenta-400: #E5859F;--ui-kit-color-magenta-500: #BF5878;--ui-kit-color-magenta-600: #A34B6B;--ui-kit-color-magenta-700: #863E5C;--ui-kit-color-magenta-800: #5E3146;--ui-kit-color-magenta-900: #3D2531;--ui-kit-color-magenta-1000: #2E2126;--ui-kit-color-magenta-accent: #FF5CAA;--ui-kit-color-charcoal-100: #f9fafa;--ui-kit-color-charcoal-200: #f1f3f5;--ui-kit-color-charcoal-300: #DFE6EB;--ui-kit-color-charcoal-400: #C8D3DE;--ui-kit-color-charcoal-500: #ABB9C7;--ui-kit-color-charcoal-600: #7E8E9E;--ui-kit-color-charcoal-700: #556575;--ui-kit-color-charcoal-800: #405261;--ui-kit-color-charcoal-900: #314351;--ui-kit-color-charcoal-1000: #253642;--ui-kit-color-charcoal-1100: #1d2b36;--ui-kit-color-charcoal-1200: #131B24;--ui-kit-color-clay-100: #FAF8F7;--ui-kit-color-clay-200: #F5F2F0;--ui-kit-color-clay-300: #EDE8E6;--ui-kit-color-clay-400: #DED5D1;--ui-kit-color-clay-500: #C2B4AC;--ui-kit-color-clay-600: #9E8F88;--ui-kit-color-clay-700: #8A7B74;--ui-kit-color-clay-800: #756963;--ui-kit-color-clay-900: #574F4B;--ui-kit-color-clay-1000: #4A4441;--ui-kit-color-clay-1100: #33302E;--ui-kit-color-clay-1200: #262423;--ui-kit-color-basics-white: #ffffff;--ui-kit-color-basics-black: #000000;--ui-kit-color-basics-magenta: #ff00ff;--ui-kit-color-basics-cyan: #00ffff;--ui-kit-font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--ui-kit-font-family-sans: "aktiv-grotesk", "Aktiv Grotesk", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--ui-kit-font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--ui-kit-font-size-sm: 12px;--ui-kit-font-size-base: 13px;--ui-kit-font-size-lg: 14px;--ui-kit-font-size-xl: 15px;--ui-kit-font-weight-light: 300;--ui-kit-font-weight-regular: 400;--ui-kit-font-weight-medium: 500;--ui-kit-font-weight-bold: 700;--ui-kit-spacing-0: 0px;--ui-kit-spacing-1: 1px;--ui-kit-spacing-2: 2px;--ui-kit-spacing-4: 4px;--ui-kit-spacing-6: 6px;--ui-kit-spacing-8: 8px;--ui-kit-spacing-10: 10px;--ui-kit-spacing-12: 12px;--ui-kit-spacing-14: 14px;--ui-kit-spacing-16: 16px;--ui-kit-spacing-20: 20px;--ui-kit-spacing-24: 24px;--ui-kit-spacing-28: 28px;--ui-kit-spacing-32: 32px;--ui-kit-spacing-36: 36px;--ui-kit-spacing-40: 40px;--ui-kit-spacing-44: 44px;--ui-kit-spacing-48: 48px;--ui-kit-spacing-56: 56px;--ui-kit-spacing-64: 64px;--ui-kit-spacing-80: 80px;--ui-kit-spacing-96: 96px;--ui-kit-spacing-112: 112px;--ui-kit-spacing-128: 128px;--ui-kit-spacing-144: 144px;--ui-kit-spacing-160: 160px;--ui-kit-spacing-176: 176px;--ui-kit-spacing-192: 192px;--ui-kit-spacing-208: 208px;--ui-kit-spacing-224: 224px;--ui-kit-spacing-240: 240px;--ui-kit-color-action-default: var(--ui-kit-color-cobalt-600);--ui-kit-color-action-hovered: var(--ui-kit-color-cobalt-700);--ui-kit-color-action-pressed: var(--ui-kit-color-cobalt-800);--ui-kit-color-action-disabled: var(--ui-kit-color-charcoal-500);--ui-kit-color-text-headline: var(--ui-kit-color-charcoal-1200);--ui-kit-color-text-dark: var(--ui-kit-color-charcoal-900);--ui-kit-color-text-default: var(--ui-kit-color-charcoal-800);--ui-kit-color-text-light: var(--ui-kit-color-charcoal-700);--ui-kit-color-text-disabled: var(--ui-kit-color-charcoal-600);--ui-kit-color-success-text: var(--ui-kit-color-green-800);--ui-kit-color-success-background-dark: var(--ui-kit-color-green-600);--ui-kit-color-success-icon: var(--ui-kit-color-green-500);--ui-kit-color-success-border: var(--ui-kit-color-green-500);--ui-kit-color-success-background-light: var(--ui-kit-color-green-100);--ui-kit-color-error-text: var(--ui-kit-color-red-600);--ui-kit-color-error-background-dark: var(--ui-kit-color-red-600);--ui-kit-color-error-icon: var(--ui-kit-color-red-accent);--ui-kit-color-error-border: var(--ui-kit-color-red-500);--ui-kit-color-error-background-light: #feeae7;--ui-kit-color-warning-text: var(--ui-kit-color-orange-600);--ui-kit-color-warning-background-dark: var(--ui-kit-color-orange-600);--ui-kit-color-warning-icon: var(--ui-kit-color-yellow-accent);--ui-kit-color-warning-border: var(--ui-kit-color-yellow-400);--ui-kit-color-warning-background-light: var(--ui-kit-color-yellow-100);--ui-kit-color-info-text: var(--ui-kit-color-cobalt-700);--ui-kit-color-info-background-dark: var(--ui-kit-color-cobalt-600);--ui-kit-color-info-icon: var(--ui-kit-color-cobalt-500);--ui-kit-color-info-border: var(--ui-kit-color-cobalt-500);--ui-kit-color-info-background-light: var(--ui-kit-color-cobalt-100);--ui-kit-font-heading-lg-family: var(--ui-kit-font-family-sans);--ui-kit-font-heading-lg-size: var(--ui-kit-font-size-xl);--ui-kit-font-heading-lg-weight: var(--ui-kit-font-weight-medium);--ui-kit-font-heading-md-family: var(--ui-kit-font-family-sans);--ui-kit-font-heading-md-size: var(--ui-kit-font-size-lg);--ui-kit-font-heading-md-weight: var(--ui-kit-font-weight-medium);--ui-kit-font-heading-sm-family: var(--ui-kit-font-family-sans);--ui-kit-font-heading-sm-size: var(--ui-kit-font-size-base);--ui-kit-font-heading-sm-weight: var(--ui-kit-font-weight-medium);--ui-kit-font-body-md-strong-family: var(--ui-kit-font-family-sans);--ui-kit-font-body-md-strong-size: var(--ui-kit-font-size-base);--ui-kit-font-body-md-strong-weight: var(--ui-kit-font-weight-medium);--ui-kit-font-body-md-family: var(--ui-kit-font-family-sans);--ui-kit-font-body-md-size: var(--ui-kit-font-size-base);--ui-kit-font-body-md-weight: var(--ui-kit-font-weight-regular);--ui-kit-font-body-sm-family: var(--ui-kit-font-family-sans);--ui-kit-font-body-sm-size: var(--ui-kit-font-size-sm);--ui-kit-font-body-sm-weight: var(--ui-kit-font-weight-regular)}.ui-kit__theme-module__root{box-sizing:border-box;font-family:var(--ui-kit-font-family-sans);font-size:var(--ui-kit-font-size-base)}.ui-kit__theme-module__root *,.ui-kit__theme-module__root *:before,.ui-kit__theme-module__root *:after{box-sizing:border-box}:root{--ui-kit-thumbnail-aspect-ratio: 1;--ui-kit-thumbnail-object-fit: cover;--ui-kit-thumbnail-border-color: var(--ui-kit-color-charcoal-300);--ui-kit-thumbnail-sm-width: 38px;--ui-kit-thumbnail-sm-border-radius: 10px;--ui-kit-thumbnail-md-width: 48px;--ui-kit-thumbnail-md-border-radius: 12px;--ui-kit-thumbnail-lg-width: 64px;--ui-kit-thumbnail-lg-border-radius: 16px}.ui-kit__thumbnail-module__base{display:inline-block;overflow:hidden;box-sizing:border-box;aspect-ratio:var(--ui-kit-thumbnail-aspect-ratio);object-fit:var(--ui-kit-thumbnail-object-fit);background:#fff;border:1px solid var(--ui-kit-thumbnail-border-color)}.ui-kit__thumbnail-module__base svg{width:100%;height:100%;display:block}.ui-kit__thumbnail-module__sm{width:var(--ui-kit-thumbnail-sm-width);border-radius:var(--ui-kit-thumbnail-sm-border-radius)}.ui-kit__thumbnail-module__md{width:var(--ui-kit-thumbnail-md-width);border-radius:var(--ui-kit-thumbnail-md-border-radius)}.ui-kit__thumbnail-module__lg{width:var(--ui-kit-thumbnail-lg-width);border-radius:var(--ui-kit-thumbnail-lg-border-radius)}.ui-kit__thumbnail-module__cover{--ui-kit-thumbnail-object-fit: cover}.ui-kit__thumbnail-module__fill{--ui-kit-thumbnail-object-fit: fill}.ui-kit__thumbnail-module__contain{--ui-kit-thumbnail-object-fit: contain}.ui-kit__thumbnail-module__scale-down{--ui-kit-thumbnail-object-fit: scale-down}.ui-kit__thumbnail-module__isDisabled{opacity:.5;cursor:default;pointer-events:none}
|
|
1
|
+
:root{--ui-kit-badge-font-family: var(--ui-kit-font-family-sans);--ui-kit-badge-font-size: 12px;--ui-kit-badge-font-weight: 500;--ui-kit-badge-line-height: 17px;--ui-kit-badge-border-radius: 100px;--ui-kit-badge-padding: 1px 8px 2px 8px;--ui-kit-badge-height: 18px;--ui-kit-badge-background-color: var(--ui-kit-color-basics-white);--ui-kit-badge-sm-font-size: 11px;--ui-kit-badge-sm-padding: 0px 8px;--ui-kit-badge-sm-line-height: normal;--ui-kit-badge-sm-height: 15px;--ui-kit-badge-default-font-size: var(--ui-kit-badge-font-size);--ui-kit-badge-default-padding: var(--ui-kit-badge-padding);--ui-kit-badge-default-line-height: var(--ui-kit-badge-line-height);--ui-kit-badge-default-height: var(--ui-kit-badge-height);--ui-kit-badge-default-text-color: var(--ui-kit-color-charcoal-700);--ui-kit-badge-default-border-color: var(--ui-kit-color-charcoal-500);--ui-kit-badge-success-text-color: var(--ui-kit-color-green-800);--ui-kit-badge-success-border-color: var(--ui-kit-color-green-500);--ui-kit-badge-warning-text-color: var(--ui-kit-color-orange-600);--ui-kit-badge-warning-border-color: var(--ui-kit-color-yellow-400);--ui-kit-badge-error-text-color: var(--ui-kit-color-red-600);--ui-kit-badge-error-border-color: var(--ui-kit-color-red-500)}.ui-kit__badge-module__base{background-color:var(--ui-kit-badge-background-color);color:var(--ui-kit-badge-default-text-color);font-family:var(--ui-kit-badge-font-family);font-size:var(--ui-kit-badge-font-size);font-weight:var(--ui-kit-badge-font-weight);line-height:var(--ui-kit-badge-default-line-height);padding:var(--ui-kit-badge-padding);border-radius:var(--ui-kit-badge-border-radius);border:1px solid var(--ui-kit-badge-default-border-color);height:var(--ui-kit-badge-default-height);display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.ui-kit__badge-module__sm{font-size:var(--ui-kit-badge-sm-font-size);padding:var(--ui-kit-badge-sm-padding);line-height:var(--ui-kit-badge-sm-line-height);height:var(--ui-kit-badge-sm-height)}.ui-kit__badge-module__default{background-color:var(--ui-kit-color-basics-white);color:var(--ui-kit-badge-default-text-color);border-color:var(--ui-kit-badge-default-border-color)}.ui-kit__badge-module__success{color:var(--ui-kit-badge-success-text-color);border-color:var(--ui-kit-badge-success-border-color)}.ui-kit__badge-module__warning{color:var(--ui-kit-badge-warning-text-color);border-color:var(--ui-kit-badge-warning-border-color)}.ui-kit__badge-module__error{color:var(--ui-kit-badge-error-text-color);border-color:var(--ui-kit-badge-error-border-color)}:root{--ui-kit-focus-ring-border-radius: 3px;--ui-kit-focus-ring-inner-color: var(--ui-kit-color-cobalt-600);--ui-kit-focus-ring-outer-color: var(--ui-kit-color-cobalt-200);--ui-kit-focus-ring-offset: -2px;--ui-kit-focus-ring-radius: calc(var(--ui-kit-focus-ring-border-radius) + 1px);--ui-kit-focus-ring-transition: opacity ease .2s;--ui-kit-focus-ring-z-index: 3}.ui-kit__useFocusRing-module__base{position:relative;outline:none}.ui-kit__useFocusRing-module__base:before{box-shadow:0 0 0 1px var(--ui-kit-focus-ring-inner-color),0 0 0 3px var(--ui-kit-focus-ring-outer-color);background:transparent;border-radius:var(--ui-kit-focus-ring-radius);content:"";inset:var(--ui-kit-focus-ring-offset);opacity:0;pointer-events:none;position:absolute;z-index:var(--ui-kit-focus-ring-z-index)}.ui-kit__useFocusRing-module__base[data-focused=true]:before{opacity:1;transition:var(--ui-kit-focus-ring-transition)}.ui-kit__useFocusRing-module__base[data-focused=true]:not([data-focus-visible]):before{opacity:0}:root{--ui-kit-button-background-color: white;--ui-kit-button-background-color-hover: var(--ui-kit-color-charcoal-100);--ui-kit-button-background-color-pressed: var(--ui-kit-color-charcoal-200);--ui-kit-button-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-border-style: solid;--ui-kit-button-border-radius: 3px;--ui-kit-button-border-width: 1px;--ui-kit-button-focus-ring-inner-color: var(--ui-kit-color-cobalt-600);--ui-kit-button-focus-ring-outer-color: var(--ui-kit-color-cobalt-200);--ui-kit-button-focus-ring-offset: -2px;--ui-kit-button-focus-ring-radius: calc(var(--ui-kit-button-border-radius) + 1px);--ui-kit-button-font-family: var(--ui-kit-font-family-sans);--ui-kit-button-font-size: var(--ui-kit-font-size-lg);--ui-kit-button-font-weight: var(--ui-kit-font-weight-medium);--ui-kit-button-height: 40px;--ui-kit-button-min-width: 90px;--ui-kit-button-padding: 0 30px;--ui-kit-button-text-color: var(--ui-kit-color-text-dark);--ui-kit-button-width: auto;--ui-kit-button-hovered-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-hovered-text-color: var(--ui-kit-color-text-dark);--ui-kit-button-pressed-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-pressed-text-color: var(--ui-kit-color-text-dark);--ui-kit-button-disabled-text-color: var(--ui-kit-color-text-disabled);--ui-kit-button-primary-background-color: var(--ui-kit-color-cobalt-600);--ui-kit-button-primary-border-color: transparent;--ui-kit-button-primary-text-color: var(--ui-kit-color-basics-white);--ui-kit-button-primary-hovered-background-color: var(--ui-kit-color-cobalt-700);--ui-kit-button-primary-pressed-background-color: var(--ui-kit-color-cobalt-800);--ui-kit-button-primary-disabled-background-color: var(--ui-kit-color-action-disabled);--ui-kit-button-primary-disabled-border-color: var(--ui-kit-color-action-disabled);--ui-kit-button-primary-disabled-text-color: var(--ui-kit-color-basics-white);--ui-kit-button-secondary-background-color: var(--ui-kit-color-basics-white);--ui-kit-button-secondary-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-secondary-text-color: var(--ui-kit-color-text-dark);--ui-kit-button-secondary-hovered-background-color: var(--ui-kit-color-charcoal-100);--ui-kit-button-secondary-pressed-background-color: var(--ui-kit-color-charcoal-200);--ui-kit-button-secondary-disabled-background-color: var(--ui-kit-color-basics-white);--ui-kit-button-secondary-disabled-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-secondary-disabled-text-color: var(--ui-kit-color-text-disabled);--ui-kit-button-critical-background-color: var(--ui-kit-color-error-background-dark);--ui-kit-button-critical-border-color: transparent;--ui-kit-button-critical-text-color: var(--ui-kit-color-basics-white);--ui-kit-button-critical-hovered-background-color: var(--ui-kit-color-red-700);--ui-kit-button-critical-pressed-background-color: var(--ui-kit-color-red-800);--ui-kit-button-critical-disabled-background-color: var(--ui-kit-color-action-disabled);--ui-kit-button-critical-disabled-border-color: var(--ui-kit-color-action-disabled);--ui-kit-button-critical-disabled-text-color: white;--ui-kit-button-tertiary-background-color: transparent;--ui-kit-button-tertiary-border-color: transparent;--ui-kit-button-tertiary-font-weight: 400;--ui-kit-button-tertiary-text-color: var(--ui-kit-color-cobalt-600);--ui-kit-button-tertiary-hovered-background-color: transparent;--ui-kit-button-tertiary-hovered-border-color: transparent;--ui-kit-button-tertiary-hovered-text-color: var(--ui-kit-color-cobalt-700);--ui-kit-button-tertiary-pressed-background-color: transparent;--ui-kit-button-tertiary-pressed-border-color: transparent;--ui-kit-button-tertiary-pressed-text-color: var(--ui-kit-color-cobalt-800);--ui-kit-button-tertiary-disabled-text-color: var(--ui-kit-color-action-disabled)}.ui-kit__button-module__base{background:var(--ui-kit-button-background-color);border:1px solid var(--ui-kit-button-border-color);color:var(--ui-kit-button-text-color);font-family:var(--ui-kit-button-font-family);font-size:var(--ui-kit-button-font-size);font-weight:var(--ui-kit-button-font-weight);height:var(--ui-kit-button-height);padding:var(--ui-kit-button-padding);align-items:center;border-radius:var(--ui-kit-button-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;line-height:1;outline:none;position:relative;width:var(--ui-kit-button-width)}.ui-kit__button-module__base[data-hovered]{background-color:var(--ui-kit-button-hovered-background-color);border-color:var(--ui-kit-button-hovered-border-color);color:var(--ui-kit-button-hovered-text-color)}.ui-kit__button-module__base[data-pressed]{background-color:var(--ui-kit-button-pressed-background-color);border-color:var(--ui-kit-button-pressed-border-color);color:var(--ui-kit-button-pressed-text-color)}.ui-kit__button-module__base[data-disabled]{pointer-events:none;-webkit-user-select:none;user-select:none}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__primary{--ui-kit-button-background-color: var(--ui-kit-button-primary-disabled-background-color);--ui-kit-button-border-color: var(--ui-kit-button-primary-disabled-border-color);--ui-kit-button-text-color: var(--ui-kit-button-primary-disabled-text-color)}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__secondary{--ui-kit-button-background-color: var(--ui-kit-button-secondary-disabled-background-color);--ui-kit-button-border-color: var(--ui-kit-button-secondary-disabled-border-color);--ui-kit-button-text-color: var(--ui-kit-button-secondary-disabled-text-color)}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__critical{--ui-kit-button-background-color: var(--ui-kit-button-critical-disabled-background-color);--ui-kit-button-border-color: var(--ui-kit-button-critical-disabled-border-color);--ui-kit-button-text-color: var(--ui-kit-button-critical-disabled-text-color)}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__secondary{--ui-kit-button-text-color: var(--ui-kit-button-disabled-text-color)}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__tertiary{--ui-kit-button-text-color: var(--ui-kit-button-tertiary-disabled-text-color)}.ui-kit__button-module__primary{--ui-kit-button-background-color: var(--ui-kit-button-primary-background-color);--ui-kit-button-border-color: var(--ui-kit-button-primary-border-color);--ui-kit-button-text-color: var(--ui-kit-button-primary-text-color);--ui-kit-button-hovered-background-color: var(--ui-kit-button-primary-hovered-background-color);--ui-kit-button-hovered-border-color: var(--ui-kit-button-primary-border-color);--ui-kit-button-hovered-text-color: var(--ui-kit-button-primary-disabled-text-color);--ui-kit-button-pressed-background-color: var(--ui-kit-button-primary-pressed-background-color);--ui-kit-button-pressed-border-color: var(--ui-kit-button-primary-border-color);--ui-kit-button-pressed-text-color: var(--ui-kit-button-primary-disabled-text-color)}.ui-kit__button-module__secondary{--ui-kit-button-background-color: var(--ui-kit-button-secondary-background-color);--ui-kit-button-border-color: var(--ui-kit-button-secondary-border-color);--ui-kit-button-text-color: var(--ui-kit-button-secondary-text-color);--ui-kit-button-hovered-background-color: var(--ui-kit-button-secondary-hovered-background-color);--ui-kit-button-hovered-border-color: var(--ui-kit-button-secondary-border-color);--ui-kit-button-hovered-text-color: var(--ui-kit-button-secondary-text-color);--ui-kit-button-pressed-background-color: var(--ui-kit-button-secondary-pressed-background-color);--ui-kit-button-pressed-border-color: var(--ui-kit-button-secondary-border-color);--ui-kit-button-pressed-text-color: var(--ui-kit-button-secondary-text-color)}.ui-kit__button-module__critical{--ui-kit-button-background-color: var(--ui-kit-button-critical-background-color);--ui-kit-button-border-color: var(--ui-kit-button-critical-border-color);--ui-kit-button-text-color: var(--ui-kit-button-critical-text-color);--ui-kit-button-hovered-background-color: var(--ui-kit-button-critical-hovered-background-color);--ui-kit-button-hovered-border-color: var(--ui-kit-button-critical-border-color);--ui-kit-button-hovered-text-color: var(--ui-kit-button-critical-disabled-text-color);--ui-kit-button-pressed-background-color: var(--ui-kit-button-critical-pressed-background-color);--ui-kit-button-pressed-border-color: var(--ui-kit-button-critical-border-color);--ui-kit-button-pressed-text-color: var(--ui-kit-button-critical-disabled-text-color)}.ui-kit__button-module__tertiary{--ui-kit-button-background-color: var(--ui-kit-button-tertiary-background-color);--ui-kit-button-border-color: var(--ui-kit-button-tertiary-border-color);--ui-kit-button-font-weight: var(--ui-kit-button-tertiary-font-weight);--ui-kit-button-text-color: var(--ui-kit-button-tertiary-text-color);--ui-kit-button-hovered-background-color: var(--ui-kit-button-tertiary-hovered-background-color);--ui-kit-button-hovered-border-color: var(--ui-kit-button-tertiary-hovered-border-color);--ui-kit-button-hovered-text-color: var(--ui-kit-button-tertiary-hovered-text-color);--ui-kit-button-pressed-background-color: var(--ui-kit-button-tertiary-pressed-background-color);--ui-kit-button-pressed-border-color: var(--ui-kit-button-tertiary-pressed-border-color);--ui-kit-button-pressed-text-color: var(--ui-kit-button-tertiary-pressed-text-color)}:root{--button-group-spacing: 4px}.ui-kit__button-group-module__base{display:flex;gap:var(--button-group-spacing)}.ui-kit__button-group-module__base>*{flex-basis:100%}.ui-kit__button-group-module__base>*.ui-kit__button-group-module__fit{flex-basis:unset}.ui-kit__divider-module__base{border-top:var(--ui-kit-divider-width) solid var(--ui-kit-divider-color);margin:var(--ui-kit-divider-margin-y) var(--ui-kit-divider-margin-x)}:root{--ui-kit-icon-aspect-ratio: 1;--ui-kit-icon-xxs-width: 12px;--ui-kit-icon-xs-width: 16px;--ui-kit-icon-sm-width: 20px;--ui-kit-icon-md-width: 24px;--ui-kit-icon-lg-width: 32px}.ui-kit__icon-module__base{aspect-ratio:var(--ui-kit-icon-aspect-ratio);width:var(--ui-kit-icon-md-width);color:currentColor;display:inline-block;position:relative}.ui-kit__icon-module__base>span,.ui-kit__icon-module__base svg{width:100%;height:100%;display:block}.ui-kit__icon-module__xs{width:var(--ui-kit-icon-xs-width)}.ui-kit__icon-module__sm{width:var(--ui-kit-icon-sm-width)}.ui-kit__icon-module__md{width:var(--ui-kit-icon-md-width)}.ui-kit__icon-module__lg{width:var(--ui-kit-icon-lg-width)}:root{--ui-kit-input-background-color: var(--ui-kit-color-basics-white);--ui-kit-input-border-color: var(--ui-kit-color-charcoal-500);--ui-kit-input-border-radius: 3px;--ui-kit-input-border-style: solid;--ui-kit-input-border-width: 1px;--ui-kit-input-focus-ring-offset: 1px;--ui-kit-input-font-family: var(--ui-kit-font-body-md-family);--ui-kit-input-font-size: var(--ui-kit-font-body-md-size);--ui-kit-input-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-input-line-height: 18px;--ui-kit-input-padding-x: 16px;--ui-kit-input-padding-y: 9px;--ui-kit-input-text-color: var(--ui-kit-color-text-default);--ui-kit-input-preview-padding-left: 19px;--ui-kit-input-preview-padding-right: 4px;--ui-kit-input-preview-padding-y: 0px;--ui-kit-input-suffix-padding-left: 15px;--ui-kit-input-suffix-padding-right: 12px;--ui-kit-input-suffix-padding-y: 0px;--ui-kit-input-disabled-background-color: var(--ui-kit-color-charcoal-100);--ui-kit-input-disabled-border-color: var(--ui-kit-color-action-disabled);--ui-kit-input-error-border-color: var(--ui-kit-color-error-border);--ui-kit-input-error-focus-ring-inner-color: var(--ui-kit-color-error-border);--ui-kit-input-error-focus-ring-outer-color: var( --ui-kit-color-error-background-light );--ui-kit-input-error-text-color: var(--ui-kit-color-error-text);--ui-kit-input-success-border-color: var(--ui-kit-color-success-border);--ui-kit-input-success-focus-ring-inner-color: var( --ui-kit-color-success-border );--ui-kit-input-success-focus-ring-outer-color: var( --ui-kit-color-success-background-light );--ui-kit-input-success-text-color: var(--ui-kit-color-success-text);--ui-kit-input-warning-border-color: var(--ui-kit-color-warning-border);--ui-kit-input-warning-focus-ring-inner-color: var( --ui-kit-color-warning-border );--ui-kit-input-warning-focus-ring-outer-color: var( --ui-kit-color-warning-background-light );--ui-kit-input-warning-text-color: var(--ui-kit-color-warning-text)}.ui-kit__input-module__base{--ui-kit-focus-ring-offset: var(--ui-kit-input-focus-ring-offset)}.ui-kit__input-module__base:before{border-radius:calc(var(--ui-kit-focus-ring-border-radius) - 1px)}.ui-kit__input-module__base.ui-kit__input-module__error{--ui-kit-focus-ring-inner-color: var( --ui-kit-input-error-focus-ring-inner-color );--ui-kit-focus-ring-outer-color: var( --ui-kit-input-error-focus-ring-outer-color )}.ui-kit__input-module__base.ui-kit__input-module__success{--ui-kit-focus-ring-inner-color: var( --ui-kit-input-success-focus-ring-inner-color );--ui-kit-focus-ring-outer-color: var( --ui-kit-input-success-focus-ring-outer-color )}.ui-kit__input-module__base.ui-kit__input-module__warning{--ui-kit-focus-ring-inner-color: var( --ui-kit-input-warning-focus-ring-inner-color );--ui-kit-focus-ring-outer-color: var( --ui-kit-input-warning-focus-ring-outer-color )}.ui-kit__input-module__group{align-items:center;background-color:var(--ui-kit-input-background-color);border-color:var(--ui-kit-input-border-color);border-radius:var(--ui-kit-input-border-radius);border-style:var(--ui-kit-input-border-style);border-width:var(--ui-kit-input-border-width);display:flex;width:100%}.ui-kit__input-module__group.ui-kit__input-module__disabled{--ui-kit-input-border-color: var(--ui-kit-input-disabled-border-color)}.ui-kit__input-module__group.ui-kit__input-module__error:not(.ui-kit__input-module__disabled){--ui-kit-input-border-color: var(--ui-kit-input-error-border-color)}.ui-kit__input-module__group.ui-kit__input-module__success:not(.ui-kit__input-module__disabled){--ui-kit-input-border-color: var(--ui-kit-input-success-border-color)}.ui-kit__input-module__group.ui-kit__input-module__warning:not(.ui-kit__input-module__disabled){--ui-kit-input-border-color: var(--ui-kit-input-warning-border-color)}.ui-kit__input-module__prefix{align-items:center;justify-content:center;display:flex;min-width:12px;padding:var(--ui-kit-input-padding-y) var(--ui-kit-input-padding-x);width:auto}.ui-kit__input-module__input{background-color:var(--ui-kit-input-background-color);border-radius:var(--ui-kit-input-border-radius);color:var(--ui-kit-input-text-color);font-family:var(--ui-kit-input-font-family);font-size:var(--ui-kit-input-font-size);font-weight:var(--ui-kit-input-font-weight);line-height:var(--ui-kit-input-line-height);padding:var(--ui-kit-input-padding-y) var(--ui-kit-input-padding-x);width:100%;border:none;outline:none}.ui-kit__input-module__input[data-disabled=true]{--ui-kit-input-background-color: var( --ui-kit-input-disabled-background-color );-webkit-user-select:none;user-select:none}.ui-kit__input-module__input.ui-kit__input-module__left{text-align:left}.ui-kit__input-module__input.ui-kit__input-module__right{text-align:right}.ui-kit__input-module__input.ui-kit__input-module__error:not([data-disabled=true]){--ui-kit-input-text-color: var(--ui-kit-input-error-text-color)}.ui-kit__input-module__input.ui-kit__input-module__error:not([data-disabled=true])::placeholder{color:var(--ui-kit-input-error-text-color)}.ui-kit__input-module__input.ui-kit__input-module__success:not([data-disabled=true]){--ui-kit-input-text-color: var(--ui-kit-input-success-text-color)}.ui-kit__input-module__input.ui-kit__input-module__success:not([data-disabled=true])::placeholder{color:var(--ui-kit-input-success-text-color)}.ui-kit__input-module__input.ui-kit__input-module__warning:not([data-disabled=true]){--ui-kit-input-text-color: var(--ui-kit-input-warning-text-color)}.ui-kit__input-module__input.ui-kit__input-module__warning:not([data-disabled=true])::placeholder{color:var(--ui-kit-input-warning-text-color)}.ui-kit__input-module__prefix+input{padding-left:0}.ui-kit__input-module__prefix{align-items:center;justify-content:center;display:flex;padding:var(--ui-kit-input-padding-y) var(--ui-kit-input-preview-padding-right) var(--ui-kit-input-padding-y) var(--ui-kit-input-preview-padding-left);width:auto}.ui-kit__input-module__suffix{align-items:center;justify-content:center;display:flex;padding:var(--ui-kit-input-suffix-padding-y) var(--ui-kit-input-suffix-padding-right) var(--ui-kit-input-suffix-padding-y) var(--ui-kit-input-suffix-padding-left);width:auto}:root{--ui-kit-text-color: var(--ui-kit-text-body-md-color);--ui-kit-text-font-family: var(--ui-kit-text-body-md-font-family);--ui-kit-text-font-size: var(--ui-kit-text-body-md-font-size);--ui-kit-text-font-weight: var(--ui-kit-text-body-md-font-weight);--ui-kit-text-headline-color: var(--ui-kit-color-text-headline);--ui-kit-text-dark-color: var(--ui-kit-color-text-dark);--ui-kit-text-default-color: var(--ui-kit-color-text-default);--ui-kit-text-light-color: var(--ui-kit-color-text-light);--ui-kit-text-disabled-color: var(--ui-kit-color-text-disabled);--ui-kit-text-info-color: var(--ui-kit-color-info-text);--ui-kit-text-success-color: var(--ui-kit-color-success-text);--ui-kit-text-warning-color: var(--ui-kit-color-warning-text);--ui-kit-text-critical-color: var(--ui-kit-color-error-text);--ui-kit-text-error-color: var(--ui-kit-color-error-text);--ui-kit-text-heading-lg-color: var(--ui-kit-text-headline-color);--ui-kit-text-heading-lg-font-family: var(--ui-kit-font-heading-lg-family);--ui-kit-text-heading-lg-font-size: var(--ui-kit-font-heading-lg-size);--ui-kit-text-heading-lg-font-weight: var(--ui-kit-font-heading-lg-weight);--ui-kit-text-heading-md-color: var(--ui-kit-text-dark-color);--ui-kit-text-heading-md-font-family: var(--ui-kit-font-heading-md-family);--ui-kit-text-heading-md-font-size: var(--ui-kit-font-heading-md-size);--ui-kit-text-heading-md-font-weight: var(--ui-kit-font-heading-md-weight);--ui-kit-text-heading-sm-color: var(--ui-kit-text-default-color);--ui-kit-text-heading-sm-font-family: var(--ui-kit-font-heading-sm-family);--ui-kit-text-heading-sm-font-size: var(--ui-kit-font-heading-sm-size);--ui-kit-text-heading-sm-font-weight: var(--ui-kit-font-heading-sm-weight);--ui-kit-text-body-md-strong-color: var(--ui-kit-text-default-color);--ui-kit-text-body-md-strong-font-family: var( --ui-kit-font-body-md-strong-family );--ui-kit-text-body-md-strong-font-size: var( --ui-kit-font-body-md-strong-size );--ui-kit-text-body-md-strong-font-weight: var( --ui-kit-font-body-md-strong-weight );--ui-kit-text-body-md-color: var(--ui-kit-text-default-color);--ui-kit-text-body-md-font-family: var(--ui-kit-font-body-md-family);--ui-kit-text-body-md-font-size: var(--ui-kit-font-body-md-size);--ui-kit-text-body-md-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-text-body-sm-color: var(--ui-kit-text-light-color);--ui-kit-text-body-sm-font-family: var(--ui-kit-font-body-sm-family);--ui-kit-text-body-sm-font-size: var(--ui-kit-font-body-sm-size);--ui-kit-text-body-sm-font-weight: var(--ui-kit-font-body-sm-weight)}.ui-kit__text-module__base{color:var(--ui-kit-text-color);font-family:var(--ui-kit-text-font-family);font-size:var(--ui-kit-text-font-size);font-weight:var(--ui-kit-text-font-weight)}.ui-kit__text-module__visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ui-kit__text-module__heading-lg{--ui-kit-text-color: var(--ui-kit-text-heading-lg-color);--ui-kit-text-font-family: var(--ui-kit-text-heading-lg-font-family);--ui-kit-text-font-size: var(--ui-kit-text-heading-lg-font-size);--ui-kit-text-font-weight: var(--ui-kit-text-heading-lg-font-weight)}.ui-kit__text-module__heading-md{--ui-kit-text-color: var(--ui-kit-text-heading-md-color);--ui-kit-text-font-family: var(--ui-kit-text-heading-md-font-family);--ui-kit-text-font-size: var(--ui-kit-text-heading-md-font-size);--ui-kit-text-font-weight: var(--ui-kit-text-heading-md-font-weight)}.ui-kit__text-module__body-md-strong{--ui-kit-text-color: var(--ui-kit-text-body-md-strong-color);--ui-kit-text-font-family: var(--ui-kit-text-body-md-strong-font-family);--ui-kit-text-font-size: var(--ui-kit-text-body-md-strong-font-size);--ui-kit-text-font-weight: var(--ui-kit-text-body-md-strong-font-weight)}.ui-kit__text-module__body-md{--ui-kit-text-color: var(--ui-kit-text-body-md-color);--ui-kit-text-font-family: var(--ui-kit-text-body-md-font-family);--ui-kit-text-font-size: var(--ui-kit-text-body-md-font-size);--ui-kit-text-font-weight: var(--ui-kit-text-body-md-font-weight)}.ui-kit__text-module__body-sm{--ui-kit-text-color: var(--ui-kit-text-body-sm-color);--ui-kit-text-font-family: var(--ui-kit-text-body-sm-font-family);--ui-kit-text-font-size: var(--ui-kit-text-body-sm-font-size);--ui-kit-text-font-weight: var(--ui-kit-text-body-sm-font-weight)}.ui-kit__text-module__default{--ui-kit-text-color: var(--ui-kit-text-default-color)}.ui-kit__text-module__headline{--ui-kit-text-color: var(--ui-kit-text-headline-color)}.ui-kit__text-module__dark{--ui-kit-text-color: var(--ui-kit-text-dark-color)}.ui-kit__text-module__light{--ui-kit-text-color: var(--ui-kit-text-light-color)}.ui-kit__text-module__disabled{--ui-kit-text-color: var(--ui-kit-text-disabled-color)}.ui-kit__text-module__info{--ui-kit-text-color: var(--ui-kit-text-info-color)}.ui-kit__text-module__success{--ui-kit-text-color: var(--ui-kit-text-success-color)}.ui-kit__text-module__warning{--ui-kit-text-color: var(--ui-kit-text-warning-color)}.ui-kit__text-module__critical{--ui-kit-text-color: var(--ui-kit-text-critical-color)}.ui-kit__text-module__error{--ui-kit-text-color: var(--ui-kit-text-error-color)}:root{--ui-kit-label-color: var(--ui-kit-color-text-default);--ui-kit-label-font-family: var(--ui-kit-font-family-sans);--ui-kit-label-font-size: var(--ui-kit-font-body-md-size);--ui-kit-label-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-label-line-height: 19px}.ui-kit__label-module__base{color:var(--ui-kit-label-color);font-size:var(--ui-kit-label-font-size);font-weight:var(--ui-kit-label-font-weight);line-height:var(--ui-kit-label-line-height)}.ui-kit__label-module__label-group{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex-shrink:0}:root{--ui-kit-link-font-family: var(--ui-kit-font-body-md-family);--ui-kit-link-font-size: var(--ui-kit-font-body-md-size);--ui-kit-link-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-link-border-radius: 3px;--ui-kit-link-color: var(--ui-kit-color-action-default);--ui-kit-link-hover-text-color: var(--ui-kit-color-action-hovered);--ui-kit-link-pressed-text-color: var(--ui-kit-color-action-pressed);--ui-kit-link-disabled-text-color: var(--ui-kit-color-action-disabled)}.ui-kit__link-module__base{color:var(--ui-kit-link-color);cursor:pointer;font-family:var(--ui-kit-link-font-family);font-size:var(--ui-kit-link-font-size);font-weight:var(--ui-kit-link-font-weight);text-decoration:none;display:inline-flex;outline:none;position:relative}.ui-kit__link-module__base[data-hovered]:not([data-disabled]){color:var(--ui-kit-link-hover-text-color);text-decoration:underline}.ui-kit__link-module__base[data-pressed]:not([data-disabled]){color:var(--ui-kit-link-pressed-text-color)}.ui-kit__link-module__base[data-disabled]{cursor:default;--ui-kit-link-color: var(--ui-kit-link-disabled-text-color)}:root{--ui-kit-list-margin: 0;--ui-kit-list-text-color: var(--ui-kit-color-text-default);--ui-kit-list-font-family: var(--ui-kit-font-body-md-family);--ui-kit-list-font-size: var(--ui-kit-font-body-md-size);--ui-kit-list-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-list-numbered-style-type: decimal;--ui-kit-list-numbered-padding: 0 0 0 16px;--ui-kit-list-bullet-style-type: disc;--ui-kit-list-bullet-padding: 0 0 0 16px}.ui-kit__list-module__base{display:block;list-style:none;margin:var(--ui-kit-list-margin);color:var(--ui-kit-list-text-color);font-family:var(--ui-kit-list-font-family);font-size:var(--ui-kit-list-font-size);font-weight:var(--ui-kit-list-font-weight);padding-left:0}.ui-kit__list-module__bullet{list-style-type:var(--ui-kit-list-bullet-style-type);padding:var(--ui-kit-list-bullet-padding)}.ui-kit__list-module__numbered{list-style-type:var(--ui-kit-list-numbered-style-type);padding:var(--ui-kit-list-numbered-padding)}.ui-kit__list-module__item{margin:0}.ui-kit__menu-module__menu{background:gray}:root{--ui-kit-menu-background-color: var(--ui-kit-color-basics-white);--ui-kit-menu-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-menu-border-radius: 4px;--ui-kit-menu-box-shadow: 0px 1px 7px 0px #00000014;--ui-kit-menu-max-height: 165px;--ui-kit-menu-padding: 5px;--ui-kit-menu-width: 180px;--ui-kit-menu-item-background-color: var(--ui-kit-color-basics-white);--ui-kit-menu-item-font-family: var(--ui-kit-font-body-md-family);--ui-kit-menu-item-font-size: var(--ui-kit-font-body-md-size);--ui-kit-menu-item-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-menu-item-line-height: 19px;--ui-kit-menu-item-text-color: var(--ui-kit-color-text-dark);--ui-kit-menu-item-padding: 8px 15px 9px 15px;--ui-kit-menu-item-disabled-text-color: var(--ui-kit-color-text-disabled);--ui-kit-menu-item-hovered-background-color: var(--ui-kit-color-charcoal-100)}.ui-kit__menu-module__menu{background:var(--ui-kit-menu-background-color);border:1px solid var(--ui-kit-menu-border-color);border-radius:var(--ui-kit-menu-border-radius);box-shadow:var(--ui-kit-menu-box-shadow);max-height:var(--ui-kit-menu-max-height);padding:var(--ui-kit-menu-padding);width:var(--ui-kit-menu-width);overflow-x:hidden;overflow-y:auto}.ui-kit__menu-module__menu:focus{outline:none}.ui-kit__menu-module__menuItem{background:var(--ui-kit-menu-item-background-color);color:var(--ui-kit-menu-item-text-color);font-family:var(--ui-kit-menu-item-font-family);font-size:var(--ui-kit-menu-item-font-size);font-weight:var(--ui-kit-menu-item-font-weight);line-height:var(--ui-kit-menu-item-line-height);padding:var(--ui-kit-menu-item-padding)}.ui-kit__menu-module__menuItem[data-disabled]{color:var(--ui-kit-menu-item-disabled-text-color);cursor:not-allowed;pointer-events:none}.ui-kit__menu-module__menuItem[data-hovered]:not([data-disabled]),.ui-kit__menu-module__menuItem[data-focused]:not([data-disabled]){background:var(--ui-kit-menu-item-hovered-background-color);outline:none;cursor:default}.ui-kit__menu-module__menuItemWrapper{display:inline-block;pointer-events:all}:root{--ui-kit-number-field-background-color: white;--ui-kit-number-field-text-color: var(--ui-kit-color-text-default);--ui-kit-number-field-font-family: var(--ui-kit-font-body-md-family);--ui-kit-number-field-font-size: var(--ui-kit-font-body-md-size);--ui-kit-number-field-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-number-field-border-color: var(--ui-kit-color-charcoal-500);--ui-kit-number-field-border-size: 1px;--ui-kit-number-field-border-style: solid;--ui-kit-number-field-border-radius: 2px;--ui-kit-number-field-button-text-color: var(--ui-kit-color-charcoal-700);--ui-kit-number-field-button-background-color: white;--ui-kit-number-field-button-background-color-hovered: var(--ui-kit-color-charcoal-200);--ui-kit-number-field-button-background-color-pressed: var(--ui-kit-color-charcoal-300);--ui-kit-number-field-button-text-color-disabled: var(--ui-kit-color-action-disabled);--ui-kit-number-field-button-background-color-disabled: white}.ui-kit__number-field-module__base{--ui-kit-focus-ring-radius: 2px}.ui-kit__number-field-module__group{display:grid;grid-template-columns:1fr 25px;height:38px;grid-template-rows:1fr 1fr;border:var(--ui-kit-number-field-border-size) var(--ui-kit-number-field-border-style) var(--ui-kit-number-field-border-color);border-radius:var(--ui-kit-number-field-border-radius)}.ui-kit__number-field-module__group .ui-kit__number-field-module__input{grid-row:1 / 3}.ui-kit__number-field-module__group .ui-kit__number-field-module__button[slot=increment]{grid-column:2;grid-row:1;align-self:end;justify-self:center}.ui-kit__number-field-module__group .ui-kit__number-field-module__button[slot=decrement]{grid-column:2;grid-row:2;align-self:start;justify-self:center}.ui-kit__number-field-module__input{background:none;border:none;outline:none;padding:10px 20px;width:100%;color:var(--ui-kit-number-field-text-color);font-family:var(--ui-kit-number-field-font-family);font-size:var(--ui-kit-number-field-font-size);font-weight:var(--ui-kit-number-field-font-weight);border-right:var(--ui-kit-number-field-border-size) var(--ui-kit-number-field-border-style) var(--ui-kit-number-field-border-color)}.ui-kit__number-field-module__button{width:16px;height:16px;display:flex;justify-content:center;align-items:center;border:none;background:var(--ui-kit-number-field-button-background-color);color:var(--ui-kit-number-field-button-text-color)}.ui-kit__number-field-module__button[data-hovered]{cursor:pointer;background-color:var( --ui-kit-number-field-button-background-color-hovered )}.ui-kit__number-field-module__button[data-pressed]{background-color:var( --ui-kit-number-field-button-background-color-pressed )}.ui-kit__number-field-module__button[disabled]{background-color:var( --ui-kit-number-field-button-background-color-disabled );color:var(--ui-kit-number-field-button-text-color-disabled);cursor:default}:root{--ui-kit-select-width: 340px;--ui-kit-select-popover-background-color: var(--ui-kit-color-basics-white);--ui-kit-select-popover-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-select-popover-border-radius: 4px;--ui-kit-select-popover-box-shadow: 0px 1px 7px 0px #00000014;--ui-kit-select-popover-padding: 0px;--ui-kit-select-list-box-max-height: 180px;--ui-kit-select-list-box-padding: 5px;--ui-kit-select-item-background-color: var(--ui-kit-color-basics-white);--ui-kit-select-item-font-family: var(--ui-kit-font-body-md-family);--ui-kit-select-item-font-size: var(--ui-kit-font-body-md-size);--ui-kit-select-item-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-select-item-line-height: 19px;--ui-kit-select-item-text-color: var(--ui-kit-color-text-dark);--ui-kit-select-item-padding: 8px 15px 9px;--ui-kit-select-item-border-radius: 3px;--ui-kit-select-item-hovered-background-color: var(--ui-kit-color-charcoal-100);--ui-kit-select-toggle-button-padding: 0 10px 0 15px;--ui-kit-select-toggle-button-background-color: var(--ui-kit-color-basics-white);--ui-kit-select-placeholder-text-color: var(--ui-kit-color-charcoal-800);--ui-kit-select-label-padding: 0 0 6px 0px;--ui-kit-select-empty-state-background-color: var(--ui-kit-color-basics-white);--ui-kit-select-empty-state-font-family: var(--ui-kit-font-body-md-family);--ui-kit-select-empty-state-font-size: var(--ui-kit-font-body-md-size);--ui-kit-select-empty-state-height: 19px;--ui-kit-select-empty-state-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-select-empty-state-text-color: var(--ui-kit-color-charcoal-800);--ui-kit-select-empty-state-padding: 8px 15px 9px}.ui-kit__select-module__select{width:calc(var(--ui-kit-select-width) + 2px)}.ui-kit__select-module__popover{background:var(--ui-kit-select-popover-background-color);border:1px solid var(--ui-kit-select-popover-border-color);border-radius:var(--ui-kit-select-popover-border-radius);box-shadow:var(--ui-kit-select-popover-box-shadow);padding:var(--ui-kit-select-popover-padding)}.ui-kit__select-module__listBox{max-height:var(--ui-select-kit-list-box-max-height);min-width:calc(var(--ui-kit-select-width) - 2 * var(--ui-kit-select-list-box-padding));padding:var(--ui-kit-select-list-box-padding);overflow-x:hidden;overflow-y:auto}.ui-kit__select-module__listBox:focus{outline:none}.ui-kit__select-module__selectItem{background:var(--ui-kit-select-item-background-color);border-radius:var(--ui-kit-select-item-border-radius);color:var(--ui-kit-select-item-text-color);font-family:var(--ui-kit-select-item-font-family);font-size:var(--ui-kit-select-item-font-size);font-weight:var(--ui-kit-select-item-font-weight);line-height:var(--ui-kit-select-item-line-height);padding:var(--ui-kit-select-item-padding);cursor:default}.ui-kit__select-module__selectItem[data-hovered],.ui-kit__select-module__selectItem[data-focused],.ui-kit__select-module__selectItem[data-selected]{background:var(--ui-kit-select-item-hovered-background-color);outline:none}.ui-kit__select-module__selectTrigger{width:calc(var(--ui-kit-select-width) + 2px);padding:var(--ui-kit-select-toggle-button-padding);justify-content:space-between}.ui-kit__select-module__selectTrigger[data-pressed],.ui-kit__select-module__selectTrigger[data-hovered]{background:var(--ui-kit-select-toggle-button-background-color)}.ui-kit__select-module__selectTrigger [data-placeholder]{color:var(--ui-kit-select-placeholder-text-color)}.ui-kit__select-module__filterableTrigger{--ui-kit-button-padding: 0px}.ui-kit__select-module__selectLabel{padding:var(--ui-kit-select-label-padding);display:inline-block}.ui-kit__select-module__visuallyHidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ui-kit__select-module__hideSelectValue[data-placeholder]{visibility:hidden}.ui-kit__select-module__emptyState{align-content:center;background:var(--ui-kit-select-empty-state-background-color);color:var(--ui-kit-select-empty-state-text-color);display:grid;font-family:var(--ui-kit-select-empty-state-font-family);font-size:var(--ui-kit-select-empty-state-font-size);font-weight:var(--ui-kit-select-empty-state-font-weight);height:var(--ui-kit-select-empty-state-height);padding:var(--ui-kit-select-empty-state-padding)}:root{--ui-kit-text-area-background-color: var(--ui-kit-color-basics-white);--ui-kit-text-area-border-color: var(--ui-kit-color-charcoal-500);--ui-kit-text-area-border-radius: 3px;--ui-kit-text-area-border-style: solid;--ui-kit-text-area-border-width: 1px;--ui-kit-text-area-focus-ring-offset: 1px;--ui-kit-text-area-font-family: var(--ui-kit-font-body-md-family);--ui-kit-text-area-font-size: var(--ui-kit-font-body-md-size);--ui-kit-text-area-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-text-area-line-height: 18px;--ui-kit-text-area-padding-x: 16px;--ui-kit-text-area-padding-y: 9px;--ui-kit-text-area-text-color: var(--ui-kit-color-text-default);--ui-kit-text-area-disabled-background-color: var(--ui-kit-color-charcoal-100);--ui-kit-text-area-disabled-border-color: var(--ui-kit-color-action-disabled);--ui-kit-text-area-error-border-color: var(--ui-kit-color-error-border);--ui-kit-text-area-error-focus-ring-inner-color: var(--ui-kit-color-error-border);--ui-kit-text-area-error-focus-ring-outer-color: var(--ui-kit-color-error-background-light);--ui-kit-text-area-error-text-color: var(--ui-kit-color-error-text);--ui-kit-text-area-success-border-color: var(--ui-kit-color-success-border);--ui-kit-text-area-success-focus-ring-inner-color: var(--ui-kit-color-success-border);--ui-kit-text-area-success-focus-ring-outer-color: var(--ui-kit-color-success-background-light);--ui-kit-text-area-success-text-color: var(--ui-kit-color-success-text);--ui-kit-text-area-warning-border-color: var(--ui-kit-color-warning-border);--ui-kit-text-area-warning-focus-ring-inner-color: var(--ui-kit-color-warning-border);--ui-kit-text-area-warning-focus-ring-outer-color: var(--ui-kit-color-warning-background-light);--ui-kit-text-area-warning-text-color: var(--ui-kit-color-warning-text)}.ui-kit__text-area-module__base{--ui-kit-focus-ring-offset: var(--ui-kit-text-area-focus-ring-offset);display:flex}.ui-kit__text-area-module__base:before{border-radius:calc(var(--ui-kit-focus-ring-border-radius) - 1px)}.ui-kit__text-area-module__base.ui-kit__text-area-module__error{--ui-kit-focus-ring-inner-color: var(--ui-kit-text-area-error-focus-ring-inner-color);--ui-kit-focus-ring-outer-color: var(--ui-kit-text-area-error-focus-ring-outer-color)}.ui-kit__text-area-module__base.ui-kit__text-area-module__success{--ui-kit-focus-ring-inner-color: var(--ui-kit-text-area-success-focus-ring-inner-color);--ui-kit-focus-ring-outer-color: var(--ui-kit-text-area-success-focus-ring-outer-color)}.ui-kit__text-area-module__base.ui-kit__text-area-module__warning{--ui-kit-focus-ring-inner-color: var(--ui-kit-text-area-warning-focus-ring-inner-color);--ui-kit-focus-ring-outer-color: var(--ui-kit-text-area-warning-focus-ring-outer-color)}.ui-kit__text-area-module__text-area{background-color:var(--ui-kit-text-area-background-color);border-color:var(--ui-kit-text-area-border-color);border-radius:var(--ui-kit-text-area-border-radius);border-style:var(--ui-kit-text-area-border-style);border-width:var(--ui-kit-text-area-border-width);color:var(--ui-kit-text-area-text-color);font-family:var(--ui-kit-text-area-font-family);font-size:var(--ui-kit-text-area-font-size);font-weight:var(--ui-kit-text-area-font-weight);line-height:var(--ui-kit-text-area-line-height);padding:var(--ui-kit-text-area-padding-y) var(--ui-kit-text-area-padding-x);outline:none;resize:none;width:100%}.ui-kit__text-area-module__text-area[data-disabled=true]{--ui-kit-text-area-background-color: var(--ui-kit-text-area-disabled-background-color);--ui-kit-text-area-border-color: var(--ui-kit-text-area-disabled-border-color);-webkit-user-select:none;user-select:none}.ui-kit__text-area-module__text-area.ui-kit__text-area-module__error:not([data-disabled=true]){--ui-kit-text-area-border-color: var(--ui-kit-text-area-error-border-color);--ui-kit-text-area-text-color: var(--ui-kit-text-area-error-text-color)}.ui-kit__text-area-module__text-area.ui-kit__text-area-module__error:not([data-disabled=true])::placeholder{color:var(--ui-kit-text-area-error-text-color)}.ui-kit__text-area-module__text-area.ui-kit__text-area-module__success:not([data-disabled=true]){--ui-kit-text-area-border-color: var(--ui-kit-text-area-success-border-color);--ui-kit-text-area-text-color: var(--ui-kit-text-area-success-text-color)}.ui-kit__text-area-module__text-area.ui-kit__text-area-module__success:not([data-disabled=true])::placeholder{color:var(--ui-kit-text-area-success-text-color)}.ui-kit__text-area-module__text-area.ui-kit__text-area-module__warning:not([data-disabled=true]){--ui-kit-text-area-border-color: var(--ui-kit-text-area-warning-border-color);--ui-kit-text-area-text-color: var(--ui-kit-text-area-warning-text-color)}.ui-kit__text-area-module__text-area.ui-kit__text-area-module__warning:not([data-disabled=true])::placeholder{color:var(--ui-kit-text-area-warning-text-color)}:root{--ui-kit-text-area-field-gap: 8px;--ui-kit-text-area-field-control-gap: 6px}.ui-kit__text-area-field-module__base{display:flex;flex-direction:column;gap:var(--ui-kit-text-area-field-gap)}.ui-kit__text-area-field-module__base .ui-kit__text-area-field-module__control{display:flex;flex-direction:column;gap:var(--ui-kit-text-area-field-control-gap)}:root{--ui-kit-validation-alert-background-color: transparent;--ui-kit-validation-alert-font-family: var(--ui-kit-font-body-md-family);--ui-kit-validation-alert-font-size: var(--ui-kit-font-body-md-size);--ui-kit-validation-alert-font-weight: var(--ui-kit-font-body-md-weight);--ui-kit-validation-alert-line-height: 19px;--ui-kit-validation-alert-padding-x: 6px;--ui-kit-validation-alert-padding-y: .5px;--ui-kit-validation-alert-text-color: var(--ui-kit-color-text);--ui-kit-validation-alert-error-background-color: var(--ui-kit-color-error-background-light);--ui-kit-validation-alert-error-text-color: var(--ui-kit-color-error-text);--ui-kit-validation-alert-success-background-color: var(--ui-kit-color-success-background-light);--ui-kit-validation-alert-success-text-color: var(--ui-kit-color-success-text);--ui-kit-validation-alert-warning-background-color: var(--ui-kit-color-warning-background-light);--ui-kit-validation-alert-warning-text-color: var(--ui-kit-color-warning-text)}.ui-kit__validation-alert-module__base{background-color:var(--ui-kit-validation-alert-background-color);color:var(--ui-kit-validation-alert-text-color);font-family:var(--ui-kit-validation-alert-font-family);font-size:var(--ui-kit-validation-alert-font-size);font-weight:var(--ui-kit-validation-alert-font-weight);gap:calc(var(--ui-kit-validation-alert-padding-x)/2);line-height:var(--ui-kit-validation-alert-line-height);padding:var(--ui-kit-validation-alert-padding-y) var(--ui-kit-validation-alert-padding-x) var(--ui-kit-validation-alert-padding-y) calc(var(--ui-kit-validation-alert-padding-x)/2);align-items:center;display:flex;flex-direction:row;width:100%;word-break:break-word}.ui-kit__validation-alert-module__base.ui-kit__validation-alert-module__error{--ui-kit-validation-alert-background-color: var(--ui-kit-validation-alert-error-background-color);--ui-kit-validation-alert-text-color: var(--ui-kit-validation-alert-error-text-color)}.ui-kit__validation-alert-module__base.ui-kit__validation-alert-module__success{--ui-kit-validation-alert-background-color: var(--ui-kit-validation-alert-success-background-color);--ui-kit-validation-alert-text-color: var(--ui-kit-validation-alert-success-text-color)}.ui-kit__validation-alert-module__base.ui-kit__validation-alert-module__warning{--ui-kit-validation-alert-background-color: var(--ui-kit-validation-alert-warning-background-color);--ui-kit-validation-alert-text-color: var(--ui-kit-validation-alert-warning-text-color)}.ui-kit__validation-alert-module__base .ui-kit__validation-alert-module__icon svg{fill:currentColor;margin-top:2px}:root{--ui-kit-text-field-gap: 8px;--ui-kit-text-field-control-gap: 6px}.ui-kit__text-field-module__base{display:flex;flex-direction:column;gap:var(--ui-kit-text-field-gap)}.ui-kit__text-field-module__base .ui-kit__text-field-module__control{display:flex;flex-direction:column;gap:var(--ui-kit-text-field-control-gap)}:root{--ui-kit-color-red-100: #FFF0E8;--ui-kit-color-red-200: #FEDFD5;--ui-kit-color-red-300: #FFBCAD;--ui-kit-color-red-400: #FA7A64;--ui-kit-color-red-500: #E54A32;--ui-kit-color-red-600: #B83525;--ui-kit-color-red-700: #822824;--ui-kit-color-red-800: #592728;--ui-kit-color-red-900: #402629;--ui-kit-color-red-1000: #2B2123;--ui-kit-color-red-accent: #FF4747;--ui-kit-color-orange-100: #FFF2E8;--ui-kit-color-orange-200: #FFE4D1;--ui-kit-color-orange-300: #FAC096;--ui-kit-color-orange-400: #F5964E;--ui-kit-color-orange-500: #D67022;--ui-kit-color-orange-600: #A35214;--ui-kit-color-orange-700: #7A4518;--ui-kit-color-orange-800: #573B23;--ui-kit-color-orange-900: #3D2F22;--ui-kit-color-orange-1000: #2B241D;--ui-kit-color-orange-accent: #FF8B33;--ui-kit-color-yellow-100: #FFF6E5;--ui-kit-color-yellow-200: #FFEECC;--ui-kit-color-yellow-300: #FFDD99;--ui-kit-color-yellow-400: #FABF5A;--ui-kit-color-yellow-500: #E09C24;--ui-kit-color-yellow-600: #AC771B;--ui-kit-color-yellow-700: #7A581D;--ui-kit-color-yellow-800: #574323;--ui-kit-color-yellow-900: #403521;--ui-kit-color-yellow-1000: #2B261D;--ui-kit-color-yellow-accent: #FFB83D;--ui-kit-color-green-100: #F2FFF0;--ui-kit-color-green-200: #E0FCDE;--ui-kit-color-green-300: #B9EDBD;--ui-kit-color-green-400: #83DB9C;--ui-kit-color-green-500: #47C47D;--ui-kit-color-green-600: #2D8556;--ui-kit-color-green-700: #28704C;--ui-kit-color-green-800: #2E5940;--ui-kit-color-green-900: #283B2D;--ui-kit-color-green-1000: #222923;--ui-kit-color-green-accent: #56F09E;--ui-kit-color-slate-100: #F2F9FC;--ui-kit-color-slate-200: #E1EEF5;--ui-kit-color-slate-300: #CCDEE8;--ui-kit-color-slate-400: #A9C4D4;--ui-kit-color-slate-500: #82A7BA;--ui-kit-color-slate-600: #658B9E;--ui-kit-color-slate-700: #486878;--ui-kit-color-slate-800: #344852;--ui-kit-color-slate-900: #283338;--ui-kit-color-slate-1000: #1F2426;--ui-kit-color-slate-accent: #47C2FF;--ui-kit-color-cobalt-100: #EBF5FF;--ui-kit-color-cobalt-200: #D1E8FF;--ui-kit-color-cobalt-300: #9ECBFF;--ui-kit-color-cobalt-400: #66A3FF;--ui-kit-color-cobalt-500: #4176FA;--ui-kit-color-cobalt-600: #304DDB;--ui-kit-color-cobalt-700: #263AAD;--ui-kit-color-cobalt-800: #1C2674;--ui-kit-color-cobalt-900: #171952;--ui-kit-color-cobalt-1000: #0E0E33;--ui-kit-color-cobalt-accent: #47A3FF;--ui-kit-color-purple-100: #F9F2FF;--ui-kit-color-purple-200: #F2E5FF;--ui-kit-color-purple-300: #D7BAF5;--ui-kit-color-purple-400: #AD82D8;--ui-kit-color-purple-500: #9163BF;--ui-kit-color-purple-600: #774BA3;--ui-kit-color-purple-700: #5D407A;--ui-kit-color-purple-800: #48335C;--ui-kit-color-purple-900: #31253D;--ui-kit-color-purple-1000: #271F2E;--ui-kit-color-purple-accent: #C285FF;--ui-kit-color-magenta-100: #FFF2F4;--ui-kit-color-magenta-200: #FFE5EA;--ui-kit-color-magenta-300: #FFC7D3;--ui-kit-color-magenta-400: #E5859F;--ui-kit-color-magenta-500: #BF5878;--ui-kit-color-magenta-600: #A34B6B;--ui-kit-color-magenta-700: #863E5C;--ui-kit-color-magenta-800: #5E3146;--ui-kit-color-magenta-900: #3D2531;--ui-kit-color-magenta-1000: #2E2126;--ui-kit-color-magenta-accent: #FF5CAA;--ui-kit-color-charcoal-100: #f9fafa;--ui-kit-color-charcoal-200: #f1f3f5;--ui-kit-color-charcoal-300: #DFE6EB;--ui-kit-color-charcoal-400: #C8D3DE;--ui-kit-color-charcoal-500: #ABB9C7;--ui-kit-color-charcoal-600: #7E8E9E;--ui-kit-color-charcoal-700: #556575;--ui-kit-color-charcoal-800: #405261;--ui-kit-color-charcoal-900: #314351;--ui-kit-color-charcoal-1000: #253642;--ui-kit-color-charcoal-1100: #1d2b36;--ui-kit-color-charcoal-1200: #131B24;--ui-kit-color-clay-100: #FAF8F7;--ui-kit-color-clay-200: #F5F2F0;--ui-kit-color-clay-300: #EDE8E6;--ui-kit-color-clay-400: #DED5D1;--ui-kit-color-clay-500: #C2B4AC;--ui-kit-color-clay-600: #9E8F88;--ui-kit-color-clay-700: #8A7B74;--ui-kit-color-clay-800: #756963;--ui-kit-color-clay-900: #574F4B;--ui-kit-color-clay-1000: #4A4441;--ui-kit-color-clay-1100: #33302E;--ui-kit-color-clay-1200: #262423;--ui-kit-color-basics-white: #ffffff;--ui-kit-color-basics-black: #000000;--ui-kit-color-basics-magenta: #ff00ff;--ui-kit-color-basics-cyan: #00ffff;--ui-kit-font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--ui-kit-font-family-sans: "aktiv-grotesk", "Aktiv Grotesk", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--ui-kit-font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--ui-kit-font-size-sm: 12px;--ui-kit-font-size-base: 13px;--ui-kit-font-size-lg: 14px;--ui-kit-font-size-xl: 15px;--ui-kit-font-weight-light: 300;--ui-kit-font-weight-regular: 400;--ui-kit-font-weight-medium: 500;--ui-kit-font-weight-bold: 700;--ui-kit-spacing-0: 0px;--ui-kit-spacing-1: 1px;--ui-kit-spacing-2: 2px;--ui-kit-spacing-4: 4px;--ui-kit-spacing-6: 6px;--ui-kit-spacing-8: 8px;--ui-kit-spacing-10: 10px;--ui-kit-spacing-12: 12px;--ui-kit-spacing-14: 14px;--ui-kit-spacing-16: 16px;--ui-kit-spacing-20: 20px;--ui-kit-spacing-24: 24px;--ui-kit-spacing-28: 28px;--ui-kit-spacing-32: 32px;--ui-kit-spacing-36: 36px;--ui-kit-spacing-40: 40px;--ui-kit-spacing-44: 44px;--ui-kit-spacing-48: 48px;--ui-kit-spacing-56: 56px;--ui-kit-spacing-64: 64px;--ui-kit-spacing-80: 80px;--ui-kit-spacing-96: 96px;--ui-kit-spacing-112: 112px;--ui-kit-spacing-128: 128px;--ui-kit-spacing-144: 144px;--ui-kit-spacing-160: 160px;--ui-kit-spacing-176: 176px;--ui-kit-spacing-192: 192px;--ui-kit-spacing-208: 208px;--ui-kit-spacing-224: 224px;--ui-kit-spacing-240: 240px;--ui-kit-color-action-default: var(--ui-kit-color-cobalt-600);--ui-kit-color-action-hovered: var(--ui-kit-color-cobalt-700);--ui-kit-color-action-pressed: var(--ui-kit-color-cobalt-800);--ui-kit-color-action-disabled: var(--ui-kit-color-charcoal-500);--ui-kit-color-text-headline: var(--ui-kit-color-charcoal-1200);--ui-kit-color-text-dark: var(--ui-kit-color-charcoal-900);--ui-kit-color-text-default: var(--ui-kit-color-charcoal-800);--ui-kit-color-text-light: var(--ui-kit-color-charcoal-700);--ui-kit-color-text-disabled: var(--ui-kit-color-charcoal-600);--ui-kit-color-success-text: var(--ui-kit-color-green-800);--ui-kit-color-success-background-dark: var(--ui-kit-color-green-600);--ui-kit-color-success-icon: var(--ui-kit-color-green-500);--ui-kit-color-success-border: var(--ui-kit-color-green-500);--ui-kit-color-success-background-light: var(--ui-kit-color-green-100);--ui-kit-color-error-text: var(--ui-kit-color-red-600);--ui-kit-color-error-background-dark: var(--ui-kit-color-red-600);--ui-kit-color-error-icon: var(--ui-kit-color-red-accent);--ui-kit-color-error-border: var(--ui-kit-color-red-500);--ui-kit-color-error-background-light: #feeae7;--ui-kit-color-warning-text: var(--ui-kit-color-orange-600);--ui-kit-color-warning-background-dark: var(--ui-kit-color-orange-600);--ui-kit-color-warning-icon: var(--ui-kit-color-yellow-accent);--ui-kit-color-warning-border: var(--ui-kit-color-yellow-400);--ui-kit-color-warning-background-light: var(--ui-kit-color-yellow-100);--ui-kit-color-info-text: var(--ui-kit-color-cobalt-700);--ui-kit-color-info-background-dark: var(--ui-kit-color-cobalt-600);--ui-kit-color-info-icon: var(--ui-kit-color-cobalt-500);--ui-kit-color-info-border: var(--ui-kit-color-cobalt-500);--ui-kit-color-info-background-light: var(--ui-kit-color-cobalt-100);--ui-kit-font-heading-lg-family: var(--ui-kit-font-family-sans);--ui-kit-font-heading-lg-size: var(--ui-kit-font-size-xl);--ui-kit-font-heading-lg-weight: var(--ui-kit-font-weight-medium);--ui-kit-font-heading-md-family: var(--ui-kit-font-family-sans);--ui-kit-font-heading-md-size: var(--ui-kit-font-size-lg);--ui-kit-font-heading-md-weight: var(--ui-kit-font-weight-medium);--ui-kit-font-heading-sm-family: var(--ui-kit-font-family-sans);--ui-kit-font-heading-sm-size: var(--ui-kit-font-size-base);--ui-kit-font-heading-sm-weight: var(--ui-kit-font-weight-medium);--ui-kit-font-body-md-strong-family: var(--ui-kit-font-family-sans);--ui-kit-font-body-md-strong-size: var(--ui-kit-font-size-base);--ui-kit-font-body-md-strong-weight: var(--ui-kit-font-weight-medium);--ui-kit-font-body-md-family: var(--ui-kit-font-family-sans);--ui-kit-font-body-md-size: var(--ui-kit-font-size-base);--ui-kit-font-body-md-weight: var(--ui-kit-font-weight-regular);--ui-kit-font-body-sm-family: var(--ui-kit-font-family-sans);--ui-kit-font-body-sm-size: var(--ui-kit-font-size-sm);--ui-kit-font-body-sm-weight: var(--ui-kit-font-weight-regular)}.ui-kit__theme-module__root{box-sizing:border-box;font-family:var(--ui-kit-font-family-sans);font-size:var(--ui-kit-font-size-base)}.ui-kit__theme-module__root *,.ui-kit__theme-module__root *:before,.ui-kit__theme-module__root *:after{box-sizing:border-box}:root{--ui-kit-thumbnail-aspect-ratio: 1;--ui-kit-thumbnail-object-fit: cover;--ui-kit-thumbnail-border-color: var(--ui-kit-color-charcoal-300);--ui-kit-thumbnail-sm-width: 38px;--ui-kit-thumbnail-sm-border-radius: 10px;--ui-kit-thumbnail-md-width: 48px;--ui-kit-thumbnail-md-border-radius: 12px;--ui-kit-thumbnail-lg-width: 64px;--ui-kit-thumbnail-lg-border-radius: 16px}.ui-kit__thumbnail-module__base{display:inline-block;overflow:hidden;box-sizing:border-box;aspect-ratio:var(--ui-kit-thumbnail-aspect-ratio);object-fit:var(--ui-kit-thumbnail-object-fit);background:#fff;border:1px solid var(--ui-kit-thumbnail-border-color)}.ui-kit__thumbnail-module__base svg{width:100%;height:100%;display:block}.ui-kit__thumbnail-module__sm{width:var(--ui-kit-thumbnail-sm-width);border-radius:var(--ui-kit-thumbnail-sm-border-radius)}.ui-kit__thumbnail-module__md{width:var(--ui-kit-thumbnail-md-width);border-radius:var(--ui-kit-thumbnail-md-border-radius)}.ui-kit__thumbnail-module__lg{width:var(--ui-kit-thumbnail-lg-width);border-radius:var(--ui-kit-thumbnail-lg-border-radius)}.ui-kit__thumbnail-module__cover{--ui-kit-thumbnail-object-fit: cover}.ui-kit__thumbnail-module__fill{--ui-kit-thumbnail-object-fit: fill}.ui-kit__thumbnail-module__contain{--ui-kit-thumbnail-object-fit: contain}.ui-kit__thumbnail-module__scale-down{--ui-kit-thumbnail-object-fit: scale-down}.ui-kit__thumbnail-module__isDisabled{opacity:.5;cursor:default;pointer-events:none}
|