@helpscout/ui-kit-react 0.1.2 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/components/button-group/button-group.d.ts +14 -0
- package/dist/lib/components/button-group/button-group.d.ts.map +1 -0
- package/dist/lib/components/button-group/button-group.test.d.ts +2 -0
- package/dist/lib/components/button-group/button-group.test.d.ts.map +1 -0
- package/dist/lib/components/divider/divider.d.ts +5 -0
- package/dist/lib/components/divider/divider.d.ts.map +1 -0
- package/dist/lib/components/divider/divider.test.d.ts +2 -0
- package/dist/lib/components/divider/divider.test.d.ts.map +1 -0
- package/dist/lib/components/icon/icon.d.ts +2 -2
- package/dist/lib/components/icon/icon.d.ts.map +1 -1
- package/dist/lib/components/validation-alert/validation-alert.d.ts.map +1 -1
- package/dist/lib/ui-kit-react.d.ts +2 -0
- package/dist/lib/ui-kit-react.d.ts.map +1 -1
- package/dist/prop-types.json +63 -0
- package/dist/ui-kit-react.css +1 -1
- package/dist/ui-kit-react.js +14830 -12353
- package/dist/ui-kit-react.umd.cjs +145 -53
- package/package.json +2 -2
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/** The button components to group together. */
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare function ButtonGroup({ className, children, ...props }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export interface ButtonGroupItemProps {
|
|
8
|
+
/** A single button component within the group. */
|
|
9
|
+
children: React.ReactElement;
|
|
10
|
+
/** Whether the button component should be expanded or shrunk to exact fit. */
|
|
11
|
+
expand?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare function ButtonGroupItem({ children, expand, }: ButtonGroupItemProps): JSX.Element;
|
|
14
|
+
//# sourceMappingURL=button-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../../lib/components/button-group/button-group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,+CAA+C;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAMlB;AAED,MAAM,WAAW,oBAAoB;IACnC,kDAAkD;IAClD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAE7B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAa,GACd,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAIpC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-group.test.d.ts","sourceRoot":"","sources":["../../../../lib/components/button-group/button-group.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../lib/components/divider/divider.tsx"],"names":[],"mappings":";AAIA,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;CAAG;AAE5E,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAE1E"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"divider.test.d.ts","sourceRoot":"","sources":["../../../../lib/components/divider/divider.test.tsx"],"names":[],"mappings":""}
|
|
@@ -4,13 +4,13 @@ declare const iconStyles: (props?: ({
|
|
|
4
4
|
size?: "sm" | "xs" | "md" | "lg" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
6
|
export type IconVariantProps = VariantProps<typeof iconStyles>;
|
|
7
|
-
export interface IconProps {
|
|
7
|
+
export interface IconProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
8
8
|
/** The icon component to render. */
|
|
9
9
|
icon: React.ComponentType;
|
|
10
10
|
/** Optional size of the icon. */
|
|
11
11
|
size?: IconVariantProps["size"];
|
|
12
12
|
}
|
|
13
|
-
export declare function Icon({ icon: IconComponent, size, ...props }: IconProps): JSX.Element;
|
|
13
|
+
export declare function Icon({ className, icon: IconComponent, size, ...props }: IconProps): JSX.Element;
|
|
14
14
|
export declare namespace Icon {
|
|
15
15
|
var displayName: string;
|
|
16
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../lib/components/icon/icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,UAAU;;8EASd,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/D,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../lib/components/icon/icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAKlE,QAAA,MAAM,UAAU;;8EASd,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACtE,oCAAoC;IACpC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;IAE1B,iCAAiC;IACjC,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,IAAI,EAAE,aAAa,EACnB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAMzB;yBAXe,IAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validation-alert.d.ts","sourceRoot":"","sources":["../../../../lib/components/validation-alert/validation-alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"validation-alert.d.ts","sourceRoot":"","sources":["../../../../lib/components/validation-alert/validation-alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAQlE,QAAA,MAAM,qBAAqB;;8EAQzB,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG,YAAY,CACpD,OAAO,qBAAqB,CAC7B,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,2FAA2F;IAC3F,KAAK,CAAC,EAAE,2BAA2B,CAAC,OAAO,CAAC,CAAC;CAC9C;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAc3C;yBAnBe,eAAe"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
export { Badge, type BadgeProps, type BadgeVariantProps, } from "./components/badge/badge";
|
|
2
2
|
export { Button, type ButtonProps, type ButtonVariantProps, } from "./components/button/button";
|
|
3
|
+
export { ButtonGroup, ButtonGroupItem, type ButtonGroupProps, type ButtonGroupItemProps, } from "./components/button-group/button-group";
|
|
4
|
+
export { Divider, type DividerProps } from "./components/divider/divider";
|
|
3
5
|
export { Theme, type ThemeProps } from "./components/theme/theme";
|
|
4
6
|
export { Input, type InputProps, type InputVariantProps, } from "./components/input/input";
|
|
5
7
|
export { Label, LabelDescription, LabelGroup, type LabelProps, type LabelVariantProps, type LabelDescriptionProps, type LabelGroupProps, } from "./components/label/label";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ui-kit-react.d.ts","sourceRoot":"","sources":["../../lib/ui-kit-react.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,oBAAoB,GAC1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,8CAA8C,CAAC;AACtD,OAAO,EACL,SAAS,EACT,KAAK,cAAc,GACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,qBAAqB,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,GACjC,MAAM,gDAAgD,CAAC"}
|
|
1
|
+
{"version":3,"file":"ui-kit-react.d.ts","sourceRoot":"","sources":["../../lib/ui-kit-react.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,kBAAkB,GACxB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,WAAW,EACX,eAAe,EACf,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,GAC1B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,KAAK,EACL,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,GACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,oBAAoB,GAC1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,8CAA8C,CAAC;AACtD,OAAO,EACL,SAAS,EACT,KAAK,cAAc,GACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,qBAAqB,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,SAAS,EACd,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,2BAA2B,GACjC,MAAM,gDAAgD,CAAC"}
|
package/dist/prop-types.json
CHANGED
|
@@ -809,6 +809,69 @@
|
|
|
809
809
|
}
|
|
810
810
|
}
|
|
811
811
|
},
|
|
812
|
+
"ButtonGroup": {
|
|
813
|
+
"children": {
|
|
814
|
+
"defaultValue": null,
|
|
815
|
+
"description": "The button components to group together.",
|
|
816
|
+
"name": "children",
|
|
817
|
+
"parent": {
|
|
818
|
+
"fileName": "ui-kit-react/lib/components/button-group/button-group.tsx",
|
|
819
|
+
"name": "ButtonGroupProps"
|
|
820
|
+
},
|
|
821
|
+
"declarations": [
|
|
822
|
+
{
|
|
823
|
+
"fileName": "ui-kit-react/lib/components/button-group/button-group.tsx",
|
|
824
|
+
"name": "ButtonGroupProps"
|
|
825
|
+
}
|
|
826
|
+
],
|
|
827
|
+
"required": true,
|
|
828
|
+
"type": {
|
|
829
|
+
"name": "ReactNode"
|
|
830
|
+
}
|
|
831
|
+
}
|
|
832
|
+
},
|
|
833
|
+
"ButtonGroupItem": {
|
|
834
|
+
"children": {
|
|
835
|
+
"defaultValue": null,
|
|
836
|
+
"description": "A single button component within the group.",
|
|
837
|
+
"name": "children",
|
|
838
|
+
"parent": {
|
|
839
|
+
"fileName": "ui-kit-react/lib/components/button-group/button-group.tsx",
|
|
840
|
+
"name": "ButtonGroupItemProps"
|
|
841
|
+
},
|
|
842
|
+
"declarations": [
|
|
843
|
+
{
|
|
844
|
+
"fileName": "ui-kit-react/lib/components/button-group/button-group.tsx",
|
|
845
|
+
"name": "ButtonGroupItemProps"
|
|
846
|
+
}
|
|
847
|
+
],
|
|
848
|
+
"required": true,
|
|
849
|
+
"type": {
|
|
850
|
+
"name": "ReactElement<any, string | JSXElementConstructor<any>>"
|
|
851
|
+
}
|
|
852
|
+
},
|
|
853
|
+
"expand": {
|
|
854
|
+
"defaultValue": {
|
|
855
|
+
"value": true
|
|
856
|
+
},
|
|
857
|
+
"description": "Whether the button component should be expanded or shrunk to exact fit.",
|
|
858
|
+
"name": "expand",
|
|
859
|
+
"parent": {
|
|
860
|
+
"fileName": "ui-kit-react/lib/components/button-group/button-group.tsx",
|
|
861
|
+
"name": "ButtonGroupItemProps"
|
|
862
|
+
},
|
|
863
|
+
"declarations": [
|
|
864
|
+
{
|
|
865
|
+
"fileName": "ui-kit-react/lib/components/button-group/button-group.tsx",
|
|
866
|
+
"name": "ButtonGroupItemProps"
|
|
867
|
+
}
|
|
868
|
+
],
|
|
869
|
+
"required": false,
|
|
870
|
+
"type": {
|
|
871
|
+
"name": "boolean"
|
|
872
|
+
}
|
|
873
|
+
}
|
|
874
|
+
},
|
|
812
875
|
"Icon": {
|
|
813
876
|
"icon": {
|
|
814
877
|
"defaultValue": null,
|
package/dist/ui-kit-react.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--ui-kit-badge-font-family: var(--ui-kit-font-family-sans);--ui-kit-badge-font-size: 12px;--ui-kit-badge-font-weight: 500;--ui-kit-badge-line-height: 17px;--ui-kit-badge-border-radius: 100px;--ui-kit-badge-padding: 1px 8px 2px 8px;--ui-kit-badge-height: 18px;--ui-kit-badge-background-color: var(--ui-kit-color-basics-white);--ui-kit-badge-sm-font-size: 11px;--ui-kit-badge-sm-padding: 0px 8px;--ui-kit-badge-sm-line-height: normal;--ui-kit-badge-sm-height: 15px;--ui-kit-badge-default-font-size: var(--ui-kit-badge-font-size);--ui-kit-badge-default-padding: var(--ui-kit-badge-padding);--ui-kit-badge-default-line-height: var(--ui-kit-badge-line-height);--ui-kit-badge-default-height: var(--ui-kit-badge-height);--ui-kit-badge-default-text-color: var(--ui-kit-color-charcoal-700);--ui-kit-badge-default-border-color: var(--ui-kit-color-charcoal-500);--ui-kit-badge-success-text-color: var(--ui-kit-color-green-800);--ui-kit-badge-success-border-color: var(--ui-kit-color-green-500);--ui-kit-badge-warning-text-color: var(--ui-kit-color-orange-600);--ui-kit-badge-warning-border-color: var(--ui-kit-color-yellow-400);--ui-kit-badge-error-text-color: var(--ui-kit-color-red-600);--ui-kit-badge-error-border-color: var(--ui-kit-color-red-500)}.ui-kit__badge-module__base{background-color:var(--ui-kit-badge-background-color);color:var(--ui-kit-badge-default-text-color);font-family:var(--ui-kit-badge-font-family);font-size:var(--ui-kit-badge-font-size);font-weight:var(--ui-kit-badge-font-weight);line-height:var(--ui-kit-badge-default-line-height);padding:var(--ui-kit-badge-padding);border-radius:var(--ui-kit-badge-border-radius);border:1px solid var(--ui-kit-badge-default-border-color);height:var(--ui-kit-badge-default-height);display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.ui-kit__badge-module__sm{font-size:var(--ui-kit-badge-sm-font-size);padding:var(--ui-kit-badge-sm-padding);line-height:var(--ui-kit-badge-sm-line-height);height:var(--ui-kit-badge-sm-height)}.ui-kit__badge-module__default{background-color:var(--ui-kit-color-basics-white);color:var(--ui-kit-badge-default-text-color);border-color:var(--ui-kit-badge-default-border-color)}.ui-kit__badge-module__success{color:var(--ui-kit-badge-success-text-color);border-color:var(--ui-kit-badge-success-border-color)}.ui-kit__badge-module__warning{color:var(--ui-kit-badge-warning-text-color);border-color:var(--ui-kit-badge-warning-border-color)}.ui-kit__badge-module__error{color:var(--ui-kit-badge-error-text-color);border-color:var(--ui-kit-badge-error-border-color)}:root{--ui-kit-focus-ring-border-radius: 3px;--ui-kit-focus-ring-inner-color: var(--ui-kit-color-cobalt-600);--ui-kit-focus-ring-outer-color: var(--ui-kit-color-cobalt-200);--ui-kit-focus-ring-offset: -2px;--ui-kit-focus-ring-radius: calc(var(--ui-kit-focus-ring-border-radius) + 1px);--ui-kit-focus-ring-transition: opacity ease .2s;--ui-kit-focus-ring-z-index: 3}.ui-kit__useFocusRing-module__base{position:relative;outline:none}.ui-kit__useFocusRing-module__base:before{box-shadow:0 0 0 1px var(--ui-kit-focus-ring-inner-color),0 0 0 3px var(--ui-kit-focus-ring-outer-color);background:transparent;border-radius:var(--ui-kit-focus-ring-radius);content:"";inset:var(--ui-kit-focus-ring-offset);opacity:0;pointer-events:none;position:absolute;z-index:var(--ui-kit-focus-ring-z-index)}.ui-kit__useFocusRing-module__base[data-focused=true]:before{opacity:1;transition:var(--ui-kit-focus-ring-transition)}.ui-kit__useFocusRing-module__base[data-focused=true]:not([data-focus-visible]):before{opacity:0}:root{--ui-kit-button-background-color: white;--ui-kit-button-background-color-hover: var(--ui-kit-color-charcoal-100);--ui-kit-button-background-color-pressed: var(--ui-kit-color-charcoal-200);--ui-kit-button-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-border-style: solid;--ui-kit-button-border-radius: 3px;--ui-kit-button-border-width: 1px;--ui-kit-button-focus-ring-inner-color: var(--ui-kit-color-cobalt-600);--ui-kit-button-focus-ring-outer-color: var(--ui-kit-color-cobalt-200);--ui-kit-button-focus-ring-offset: -2px;--ui-kit-button-focus-ring-radius: calc(var(--ui-kit-button-border-radius) + 1px);--ui-kit-button-font-family: var(--ui-kit-font-family-sans);--ui-kit-button-font-size: var(--ui-kit-font-size-lg);--ui-kit-button-font-weight: var(--ui-kit-font-weight-medium);--ui-kit-button-height: 40px;--ui-kit-button-min-width: 90px;--ui-kit-button-padding: 0 30px;--ui-kit-button-text-color: var(--ui-kit-color-text-dark);--ui-kit-button-width: auto;--ui-kit-button-hovered-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-hovered-text-color: var(--ui-kit-color-text-dark);--ui-kit-button-pressed-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-pressed-text-color: var(--ui-kit-color-text-dark);--ui-kit-button-disabled-text-color: var(--ui-kit-color-text-disabled);--ui-kit-button-primary-background-color: var(--ui-kit-color-cobalt-600);--ui-kit-button-primary-border-color: transparent;--ui-kit-button-primary-text-color: var(--ui-kit-color-basics-white);--ui-kit-button-primary-hovered-background-color: var(--ui-kit-color-cobalt-700);--ui-kit-button-primary-pressed-background-color: var(--ui-kit-color-cobalt-800);--ui-kit-button-primary-disabled-background-color: var(--ui-kit-color-action-disabled);--ui-kit-button-primary-disabled-border-color: var(--ui-kit-color-action-disabled);--ui-kit-button-primary-disabled-text-color: var(--ui-kit-color-basics-white);--ui-kit-button-secondary-background-color: var(--ui-kit-color-basics-white);--ui-kit-button-secondary-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-secondary-text-color: var(--ui-kit-color-text-dark);--ui-kit-button-secondary-hovered-background-color: var(--ui-kit-color-charcoal-100);--ui-kit-button-secondary-pressed-background-color: var(--ui-kit-color-charcoal-200);--ui-kit-button-secondary-disabled-background-color: var(--ui-kit-color-basics-white);--ui-kit-button-secondary-disabled-border-color: var(--ui-kit-color-charcoal-400);--ui-kit-button-secondary-disabled-text-color: var(--ui-kit-color-text-disabled);--ui-kit-button-critical-background-color: var(--ui-kit-color-error-background-dark);--ui-kit-button-critical-border-color: transparent;--ui-kit-button-critical-text-color: var(--ui-kit-color-basics-white);--ui-kit-button-critical-hovered-background-color: var(--ui-kit-color-red-700);--ui-kit-button-critical-pressed-background-color: var(--ui-kit-color-red-800);--ui-kit-button-critical-disabled-background-color: var(--ui-kit-color-action-disabled);--ui-kit-button-critical-disabled-border-color: var(--ui-kit-color-action-disabled);--ui-kit-button-critical-disabled-text-color: white;--ui-kit-button-tertiary-background-color: transparent;--ui-kit-button-tertiary-border-color: transparent;--ui-kit-button-tertiary-font-weight: 400;--ui-kit-button-tertiary-text-color: var(--ui-kit-color-cobalt-600);--ui-kit-button-tertiary-hovered-background-color: transparent;--ui-kit-button-tertiary-hovered-border-color: transparent;--ui-kit-button-tertiary-hovered-text-color: var(--ui-kit-color-cobalt-700);--ui-kit-button-tertiary-pressed-background-color: transparent;--ui-kit-button-tertiary-pressed-border-color: transparent;--ui-kit-button-tertiary-pressed-text-color: var(--ui-kit-color-cobalt-800);--ui-kit-button-tertiary-disabled-text-color: var(--ui-kit-color-action-disabled)}.ui-kit__button-module__base{background:var(--ui-kit-button-background-color);border:1px solid var(--ui-kit-button-border-color);color:var(--ui-kit-button-text-color);font-family:var(--ui-kit-button-font-family);font-size:var(--ui-kit-button-font-size);font-weight:var(--ui-kit-button-font-weight);height:var(--ui-kit-button-height);padding:var(--ui-kit-button-padding);align-items:center;border-radius:var(--ui-kit-button-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;line-height:1;outline:none;position:relative;width:var(--ui-kit-button-width)}.ui-kit__button-module__base[data-hovered]{background-color:var(--ui-kit-button-hovered-background-color);border-color:var(--ui-kit-button-hovered-border-color);color:var(--ui-kit-button-hovered-text-color)}.ui-kit__button-module__base[data-pressed]{background-color:var(--ui-kit-button-pressed-background-color);border-color:var(--ui-kit-button-pressed-border-color);color:var(--ui-kit-button-pressed-text-color)}.ui-kit__button-module__base[data-disabled]{pointer-events:none;-webkit-user-select:none;user-select:none}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__primary{--ui-kit-button-background-color: var(--ui-kit-button-primary-disabled-background-color);--ui-kit-button-border-color: var(--ui-kit-button-primary-disabled-border-color);--ui-kit-button-text-color: var(--ui-kit-button-primary-disabled-text-color)}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__secondary{--ui-kit-button-background-color: var(--ui-kit-button-secondary-disabled-background-color);--ui-kit-button-border-color: var(--ui-kit-button-secondary-disabled-border-color);--ui-kit-button-text-color: var(--ui-kit-button-secondary-disabled-text-color)}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__critical{--ui-kit-button-background-color: var(--ui-kit-button-critical-disabled-background-color);--ui-kit-button-border-color: var(--ui-kit-button-critical-disabled-border-color);--ui-kit-button-text-color: var(--ui-kit-button-critical-disabled-text-color)}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__secondary{--ui-kit-button-text-color: var(--ui-kit-button-disabled-text-color)}.ui-kit__button-module__base[data-disabled].ui-kit__button-module__tertiary{--ui-kit-button-text-color: var(--ui-kit-button-tertiary-disabled-text-color)}.ui-kit__button-module__primary{--ui-kit-button-background-color: var(--ui-kit-button-primary-background-color);--ui-kit-button-border-color: var(--ui-kit-button-primary-border-color);--ui-kit-button-text-color: var(--ui-kit-button-primary-text-color);--ui-kit-button-hovered-background-color: var(--ui-kit-button-primary-hovered-background-color);--ui-kit-button-hovered-border-color: var(--ui-kit-button-primary-border-color);--ui-kit-button-hovered-text-color: var(--ui-kit-button-primary-disabled-text-color);--ui-kit-button-pressed-background-color: var(--ui-kit-button-primary-pressed-background-color);--ui-kit-button-pressed-border-color: var(--ui-kit-button-primary-border-color);--ui-kit-button-pressed-text-color: var(--ui-kit-button-primary-disabled-text-color)}.ui-kit__button-module__secondary{--ui-kit-button-background-color: var(--ui-kit-button-secondary-background-color);--ui-kit-button-border-color: var(--ui-kit-button-secondary-border-color);--ui-kit-button-text-color: var(--ui-kit-button-secondary-text-color);--ui-kit-button-hovered-background-color: var(--ui-kit-button-secondary-hovered-background-color);--ui-kit-button-hovered-border-color: var(--ui-kit-button-secondary-border-color);--ui-kit-button-hovered-text-color: var(--ui-kit-button-secondary-text-color);--ui-kit-button-pressed-background-color: var(--ui-kit-button-secondary-pressed-background-color);--ui-kit-button-pressed-border-color: var(--ui-kit-button-secondary-border-color);--ui-kit-button-pressed-text-color: var(--ui-kit-button-secondary-text-color)}.ui-kit__button-module__critical{--ui-kit-button-background-color: var(--ui-kit-button-critical-background-color);--ui-kit-button-border-color: var(--ui-kit-button-critical-border-color);--ui-kit-button-text-color: var(--ui-kit-button-critical-text-color);--ui-kit-button-hovered-background-color: var(--ui-kit-button-critical-hovered-background-color);--ui-kit-button-hovered-border-color: var(--ui-kit-button-critical-border-color);--ui-kit-button-hovered-text-color: var(--ui-kit-button-critical-disabled-text-color);--ui-kit-button-pressed-background-color: var(--ui-kit-button-critical-pressed-background-color);--ui-kit-button-pressed-border-color: var(--ui-kit-button-critical-border-color);--ui-kit-button-pressed-text-color: var(--ui-kit-button-critical-disabled-text-color)}.ui-kit__button-module__tertiary{--ui-kit-button-background-color: var(--ui-kit-button-tertiary-background-color);--ui-kit-button-border-color: var(--ui-kit-button-tertiary-border-color);--ui-kit-button-font-weight: var(--ui-kit-button-tertiary-font-weight);--ui-kit-button-text-color: var(--ui-kit-button-tertiary-text-color);--ui-kit-button-hovered-background-color: var(--ui-kit-button-tertiary-hovered-background-color);--ui-kit-button-hovered-border-color: var(--ui-kit-button-tertiary-hovered-border-color);--ui-kit-button-hovered-text-color: var(--ui-kit-button-tertiary-hovered-text-color);--ui-kit-button-pressed-background-color: var(--ui-kit-button-tertiary-pressed-background-color);--ui-kit-button-pressed-border-color: var(--ui-kit-button-tertiary-pressed-border-color);--ui-kit-button-pressed-text-color: var(--ui-kit-button-tertiary-pressed-text-color)}:root{--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-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-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{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)}.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__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);border:none;outline:none;width:100%}.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__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)}: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-icon-aspect-ratio: 1;--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);color:currentColor;display:inline-block;width:var(--ui-kit-icon-md-width);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-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;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-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-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);line-height:var(--ui-kit-validation-alert-line-height);padding:var(--ui-kit-validation-alert-padding-y) var(--ui-kit-validation-alert-padding-x);word-break:break-word;width:100%}.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)}: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-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}: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}
|
|
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-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-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-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{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)}.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__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);border:none;outline:none;width:100%}.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__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)}: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-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-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;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-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-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-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}: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}
|