@helpscout/ui-kit-react 0.1.7 → 0.1.8

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.
@@ -6,15 +6,18 @@ declare const inputStyles: (props?: ({
6
6
  state?: "success" | "warning" | "error" | null | undefined;
7
7
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
8
  export type InputVariantProps = VariantProps<typeof inputStyles>;
9
- export interface InputProps extends RACInputProps {
9
+ type AddonProps = React.ReactNode | string;
10
+ export interface InputProps extends Omit<RACInputProps, "prefix"> {
10
11
  /** Change the alignment of the input text. */
11
12
  align?: InputVariantProps["align"];
12
13
  /** Render the input with a prefix. */
13
- prefix?: string;
14
+ prefix?: AddonProps;
14
15
  /** Changes the appearance of the input to indicate an error, success, or warning state. */
15
16
  state?: InputVariantProps["state"];
17
+ /** Render the input with a suffix. */
18
+ suffix?: AddonProps;
16
19
  }
17
- export declare function Input({ className, align, disabled, prefix, state, ...props }: InputProps): JSX.Element;
20
+ export declare function Input({ className, align, disabled, prefix, state, suffix, ...props }: InputProps): JSX.Element;
18
21
  export declare namespace Input {
19
22
  var displayName: string;
20
23
  }
@@ -1 +1 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../lib/components/input/input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAGL,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,uBAAuB,CAAC;AA+B/B,QAAA,MAAM,WAAW;;;8EAYf,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C,8CAA8C;IAC9C,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAEnC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,KAAc,EACd,QAAQ,EACR,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAsB1B;yBA7Be,KAAK"}
1
+ {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../lib/components/input/input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAGL,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,uBAAuB,CAAC;AA+B/B,QAAA,MAAM,WAAW;;;8EAYf,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAEjE,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC;IAC/D,8CAA8C;IAC9C,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAEnC,sCAAsC;IACtC,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB,2FAA2F;IAC3F,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAEnC,sCAAsC;IACtC,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB;AAqBD,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,KAAc,EACd,QAAQ,EACR,MAAM,EACN,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAmB1B;yBA3Be,KAAK"}
@@ -952,7 +952,7 @@
952
952
  ],
953
953
  "required": false,
954
954
  "type": {
955
- "name": "string"
955
+ "name": "AddonProps"
956
956
  }
957
957
  },
958
958
  "state": {
@@ -974,48 +974,67 @@
974
974
  "name": "\"error\" | \"success\" | \"warning\" | null"
975
975
  }
976
976
  },
977
- "onHoverStart": {
977
+ "suffix": {
978
978
  "defaultValue": null,
979
- "description": "Handler that is called when a hover interaction starts.",
980
- "name": "onHoverStart",
979
+ "description": "Render the input with a suffix.",
980
+ "name": "suffix",
981
981
  "parent": {
982
- "fileName": "apps-platform/node_modules/.pnpm/@react-types+shared@3.23.1_react@18.2.0/node_modules/@react-types/shared/src/events.d.ts",
983
- "name": "HoverEvents"
982
+ "fileName": "ui-kit-react/lib/components/input/input.tsx",
983
+ "name": "InputProps"
984
984
  },
985
985
  "declarations": [
986
986
  {
987
- "fileName": "apps-platform/node_modules/.pnpm/@react-types+shared@3.23.1_react@18.2.0/node_modules/@react-types/shared/src/events.d.ts",
988
- "name": "HoverEvents"
987
+ "fileName": "ui-kit-react/lib/components/input/input.tsx",
988
+ "name": "InputProps"
989
989
  }
990
990
  ],
991
991
  "required": false,
992
992
  "type": {
993
- "name": "(e: HoverEvent) => void"
993
+ "name": "AddonProps"
994
994
  }
995
995
  },
996
- "onHoverEnd": {
996
+ "className": {
997
997
  "defaultValue": null,
998
- "description": "Handler that is called when a hover interaction ends.",
999
- "name": "onHoverEnd",
998
+ "description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
999
+ "name": "className",
1000
1000
  "parent": {
1001
- "fileName": "apps-platform/node_modules/.pnpm/@react-types+shared@3.23.1_react@18.2.0/node_modules/@react-types/shared/src/events.d.ts",
1002
- "name": "HoverEvents"
1001
+ "fileName": "apps-platform/node_modules/.pnpm/react-aria-components@1.2.1_react-dom@18.2.0_react@18.2.0/node_modules/react-aria-components/dist/types.d.ts",
1002
+ "name": "StyleRenderProps"
1003
1003
  },
1004
1004
  "declarations": [
1005
1005
  {
1006
- "fileName": "apps-platform/node_modules/.pnpm/@react-types+shared@3.23.1_react@18.2.0/node_modules/@react-types/shared/src/events.d.ts",
1007
- "name": "HoverEvents"
1006
+ "fileName": "apps-platform/node_modules/.pnpm/react-aria-components@1.2.1_react-dom@18.2.0_react@18.2.0/node_modules/react-aria-components/dist/types.d.ts",
1007
+ "name": "StyleRenderProps"
1008
1008
  }
1009
1009
  ],
1010
1010
  "required": false,
1011
1011
  "type": {
1012
- "name": "(e: HoverEvent) => void"
1012
+ "name": "(values: InputRenderProps & { defaultClassName: string; }) => string"
1013
1013
  }
1014
1014
  },
1015
- "onHoverChange": {
1015
+ "style": {
1016
1016
  "defaultValue": null,
1017
- "description": "Handler that is called when the hover state changes.",
1018
- "name": "onHoverChange",
1017
+ "description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state.",
1018
+ "name": "style",
1019
+ "parent": {
1020
+ "fileName": "apps-platform/node_modules/.pnpm/react-aria-components@1.2.1_react-dom@18.2.0_react@18.2.0/node_modules/react-aria-components/dist/types.d.ts",
1021
+ "name": "StyleRenderProps"
1022
+ },
1023
+ "declarations": [
1024
+ {
1025
+ "fileName": "apps-platform/node_modules/.pnpm/react-aria-components@1.2.1_react-dom@18.2.0_react@18.2.0/node_modules/react-aria-components/dist/types.d.ts",
1026
+ "name": "StyleRenderProps"
1027
+ }
1028
+ ],
1029
+ "required": false,
1030
+ "type": {
1031
+ "name": "(values: InputRenderProps & { defaultStyle: CSSProperties; }) => CSSProperties"
1032
+ }
1033
+ },
1034
+ "onHoverStart": {
1035
+ "defaultValue": null,
1036
+ "description": "Handler that is called when a hover interaction starts.",
1037
+ "name": "onHoverStart",
1019
1038
  "parent": {
1020
1039
  "fileName": "apps-platform/node_modules/.pnpm/@react-types+shared@3.23.1_react@18.2.0/node_modules/@react-types/shared/src/events.d.ts",
1021
1040
  "name": "HoverEvents"
@@ -1028,45 +1047,45 @@
1028
1047
  ],
1029
1048
  "required": false,
1030
1049
  "type": {
1031
- "name": "(isHovering: boolean) => void"
1050
+ "name": "(e: HoverEvent) => void"
1032
1051
  }
1033
1052
  },
1034
- "className": {
1053
+ "onHoverEnd": {
1035
1054
  "defaultValue": null,
1036
- "description": "The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.",
1037
- "name": "className",
1055
+ "description": "Handler that is called when a hover interaction ends.",
1056
+ "name": "onHoverEnd",
1038
1057
  "parent": {
1039
- "fileName": "apps-platform/node_modules/.pnpm/react-aria-components@1.2.1_react-dom@18.2.0_react@18.2.0/node_modules/react-aria-components/dist/types.d.ts",
1040
- "name": "StyleRenderProps"
1058
+ "fileName": "apps-platform/node_modules/.pnpm/@react-types+shared@3.23.1_react@18.2.0/node_modules/@react-types/shared/src/events.d.ts",
1059
+ "name": "HoverEvents"
1041
1060
  },
1042
1061
  "declarations": [
1043
1062
  {
1044
- "fileName": "apps-platform/node_modules/.pnpm/react-aria-components@1.2.1_react-dom@18.2.0_react@18.2.0/node_modules/react-aria-components/dist/types.d.ts",
1045
- "name": "StyleRenderProps"
1063
+ "fileName": "apps-platform/node_modules/.pnpm/@react-types+shared@3.23.1_react@18.2.0/node_modules/@react-types/shared/src/events.d.ts",
1064
+ "name": "HoverEvents"
1046
1065
  }
1047
1066
  ],
1048
1067
  "required": false,
1049
1068
  "type": {
1050
- "name": "(values: InputRenderProps & { defaultClassName: string; }) => string"
1069
+ "name": "(e: HoverEvent) => void"
1051
1070
  }
1052
1071
  },
1053
- "style": {
1072
+ "onHoverChange": {
1054
1073
  "defaultValue": null,
1055
- "description": "The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state.",
1056
- "name": "style",
1074
+ "description": "Handler that is called when the hover state changes.",
1075
+ "name": "onHoverChange",
1057
1076
  "parent": {
1058
- "fileName": "apps-platform/node_modules/.pnpm/react-aria-components@1.2.1_react-dom@18.2.0_react@18.2.0/node_modules/react-aria-components/dist/types.d.ts",
1059
- "name": "StyleRenderProps"
1077
+ "fileName": "apps-platform/node_modules/.pnpm/@react-types+shared@3.23.1_react@18.2.0/node_modules/@react-types/shared/src/events.d.ts",
1078
+ "name": "HoverEvents"
1060
1079
  },
1061
1080
  "declarations": [
1062
1081
  {
1063
- "fileName": "apps-platform/node_modules/.pnpm/react-aria-components@1.2.1_react-dom@18.2.0_react@18.2.0/node_modules/react-aria-components/dist/types.d.ts",
1064
- "name": "StyleRenderProps"
1082
+ "fileName": "apps-platform/node_modules/.pnpm/@react-types+shared@3.23.1_react@18.2.0/node_modules/@react-types/shared/src/events.d.ts",
1083
+ "name": "HoverEvents"
1065
1084
  }
1066
1085
  ],
1067
1086
  "required": false,
1068
1087
  "type": {
1069
- "name": "(values: InputRenderProps & { defaultStyle: CSSProperties; }) => CSSProperties"
1088
+ "name": "(isHovering: boolean) => void"
1070
1089
  }
1071
1090
  }
1072
1091
  },
@@ -4353,7 +4372,7 @@
4353
4372
  ],
4354
4373
  "required": false,
4355
4374
  "type": {
4356
- "name": "string"
4375
+ "name": "AddonProps"
4357
4376
  }
4358
4377
  },
4359
4378
  "validationMessage": {
@@ -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-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}: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}.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-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-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}