@hyphen/hyphen-components 2.25.1 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/components/Drawer/Drawer.d.ts +36 -13
  2. package/dist/components/Drawer/Drawer.stories.d.ts +56 -11
  3. package/dist/css/index.css +1 -1
  4. package/dist/hyphen-components.cjs.development.js +256 -123
  5. package/dist/hyphen-components.cjs.development.js.map +1 -1
  6. package/dist/hyphen-components.cjs.production.min.js +1 -1
  7. package/dist/hyphen-components.cjs.production.min.js.map +1 -1
  8. package/dist/hyphen-components.esm.js +251 -125
  9. package/dist/hyphen-components.esm.js.map +1 -1
  10. package/package.json +1 -1
  11. package/src/components/Drawer/Drawer.mdx +9 -24
  12. package/src/components/Drawer/Drawer.module.scss +4 -3
  13. package/src/components/Drawer/Drawer.stories.tsx +255 -296
  14. package/src/components/Drawer/Drawer.test.tsx +141 -71
  15. package/src/components/Drawer/Drawer.tsx +244 -76
  16. package/src/components/Sidebar/Sidebar.tsx +1 -1
package/dist/components/Drawer/Drawer.d.ts CHANGED
@@ -1,11 +1,31 @@
1
1
  import React, { RefObject } from 'react';
2
2
  import { DimensionSize, CssDimensionValue } from '../../types';
3
+ import { BoxProps } from '../Box/Box';
4
+ interface DrawerContextProps {
5
+ open: boolean;
6
+ setOpen: (open: boolean) => void;
7
+ toggleDrawer: () => void;
8
+ }
9
+ export declare function useDrawer(): DrawerContextProps;
10
+ interface DrawerProviderProps extends React.ComponentProps<'div'> {
11
+ defaultIsOpen?: boolean;
12
+ open?: boolean;
13
+ onOpenChange?: (open: boolean) => void;
14
+ }
15
+ export declare const DrawerProvider: React.ForwardRefExoticComponent<Omit<DrawerProviderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
+ declare const DrawerTrigger: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
17
+ asChild?: boolean | undefined;
18
+ }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
3
19
  export type DrawerPlacementType = 'left' | 'right' | 'top' | 'bottom';
4
20
  export interface DrawerProps {
5
21
  /**
6
- * If the drawer is open
22
+ * If the drawer is open (controlled mode)
23
+ */
24
+ isOpen?: boolean;
25
+ /**
26
+ * If the drawer starts open (uncontrolled mode)
7
27
  */
8
- isOpen: boolean;
28
+ defaultIsOpen?: boolean;
9
29
  /**
10
30
  * Handle zoom/pinch gestures on iOS devices when scroll locking is enabled.
11
31
  */
@@ -28,11 +48,6 @@ export interface DrawerProps {
28
48
  * Additional class names to add to the drawer content.
29
49
  */
30
50
  className?: string;
31
- /**
32
- * Whether the drawer has a visible close button.
33
- * If a title is defined, then a close button will be rendered
34
- */
35
- closeButton?: boolean;
36
51
  /**
37
52
  * If true, the drawer will close when the overlay is clicked
38
53
  */
@@ -74,15 +89,23 @@ export interface DrawerProps {
74
89
  * the "Escape" key, clicks the close button icon, or clicks the overlay.
75
90
  */
76
91
  onDismiss?: (event?: React.SyntheticEvent) => void;
77
- /**
78
- * Title to be displayed at the top of the Drawer.
79
- * A close button will be rendered automatically if this prop is defined.
80
- */
81
- title?: string;
82
92
  /**
83
93
  * The width of the Drawer when opened. Can be given a standard css value (px, rem, em, %),
84
94
  * or a [width token](/?path=/story/design-tokens-design-tokens--page#width)
85
95
  */
86
96
  width?: DimensionSize | CssDimensionValue;
87
97
  }
88
- export declare const Drawer: React.FC<DrawerProps>;
98
+ declare const Drawer: React.FC<DrawerProps>;
99
+ declare const DrawerHeader: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
100
+ declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
101
+ declare const DrawerCloseButton: React.ForwardRefExoticComponent<(Omit<{
102
+ as?: "button" | undefined;
103
+ } & import("../Button/Button").BaseButtonProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement> & {
104
+ onClose?: (() => void) | undefined;
105
+ }, "ref"> | Omit<{
106
+ as: "a";
107
+ } & import("../Button/Button").BaseButtonProps & Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement> & {
108
+ onClose?: (() => void) | undefined;
109
+ }, "ref">) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
110
+ declare const DrawerContent: React.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
111
+ export { Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerTrigger, DrawerCloseButton, };
package/dist/components/Drawer/Drawer.stories.d.ts CHANGED
@@ -4,14 +4,59 @@ import React from 'react';
4
4
  declare const meta: Meta<typeof Drawer>;
5
5
  export default meta;
6
6
  type Story = StoryObj<typeof Drawer>;
7
- export declare const BasicUsage: () => React.JSX.Element;
8
- export declare const OpenDrawer: Story;
9
- export declare const Placement: () => React.JSX.Element;
10
- export declare const DrawerHeader: () => React.JSX.Element;
11
- export declare const TitleAndCloseButton: () => React.JSX.Element;
12
- export declare const CloseButtonOnly: () => React.JSX.Element;
13
- export declare const Width: () => React.JSX.Element;
14
- export declare const Height: () => React.JSX.Element;
15
- export declare const HiddenOverlay: () => React.JSX.Element;
16
- export declare const InitialFocusRef: () => React.JSX.Element;
17
- export declare const ContainedDrawer: () => React.JSX.Element;
7
+ export declare const UncontrolledWithProvider: () => React.JSX.Element;
8
+ export declare const OpenUncontrolledWithProvider: Story;
9
+ export declare const ControlledWithoutProvider: {
10
+ (): React.JSX.Element;
11
+ parameters: {
12
+ chromatic: {
13
+ disableSnapshot: boolean;
14
+ };
15
+ };
16
+ };
17
+ export declare const OpenControlledControlledWithoutProvider: Story;
18
+ export declare const DefaultIsOpen: () => React.JSX.Element;
19
+ export declare const Placement: {
20
+ (): React.JSX.Element;
21
+ parameters: {
22
+ chromatic: {
23
+ disableSnapshot: boolean;
24
+ };
25
+ };
26
+ };
27
+ export declare const OpenBottomDrawer: Story;
28
+ export declare const Width: {
29
+ (): React.JSX.Element;
30
+ parameters: {
31
+ chromatic: {
32
+ disableSnapshot: boolean;
33
+ };
34
+ };
35
+ };
36
+ export declare const HiddenOverlay: {
37
+ (): React.JSX.Element;
38
+ parameters: {
39
+ chromatic: {
40
+ disableSnapshot: boolean;
41
+ };
42
+ };
43
+ };
44
+ export declare const OpenHiddenOverlay: Story;
45
+ export declare const InitialFocusRef: {
46
+ (): React.JSX.Element;
47
+ parameters: {
48
+ chromatic: {
49
+ disableSnapshot: boolean;
50
+ };
51
+ };
52
+ };
53
+ export declare const OpenInitialFocusRef: Story;
54
+ export declare const ContainedDrawer: {
55
+ (): React.JSX.Element;
56
+ parameters: {
57
+ chromatic: {
58
+ disableSnapshot: boolean;
59
+ };
60
+ };
61
+ };
62
+ export declare const OpenContainedDrawer: Story;
package/dist/css/index.css CHANGED
@@ -13,7 +13,7 @@
13
13
  .TextInput-module_size-sm__qWJn7,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm__qWJn7{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.TextInput-module_size-sm__qWJn7>input,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm__qWJn7>input{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_size-sm__qWJn7 .TextInput-module_prefix__-wFO9,.TextInput-module_size-sm__qWJn7 .TextInput-module_suffix__327yL{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_size-sm__qWJn7 .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) 0}.TextInput-module_size-sm__qWJn7:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_size-md__UFPtt,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md__UFPtt{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextInput-module_size-md__UFPtt>input,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md__UFPtt>input{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_size-md__UFPtt .TextInput-module_prefix__-wFO9,.TextInput-module_size-md__UFPtt .TextInput-module_suffix__327yL{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_size-md__UFPtt .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) 0}.TextInput-module_size-md__UFPtt:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_size-lg__Hjfez,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg__Hjfez{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextInput-module_size-lg__Hjfez>input,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg__Hjfez>input{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInput-module_size-lg__Hjfez .TextInput-module_prefix__-wFO9,.TextInput-module_size-lg__Hjfez .TextInput-module_suffix__327yL{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInput-module_size-lg__Hjfez .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) 0}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_disabled__lrifj,.TextInput-module_text-input-wrapper__HCnQD>input:disabled{background-color:var(--color-background-disabled);color:var(--color-font-disabled);-webkit-text-fill-color:var(--color-font-disabled);opacity:1}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_disabled__lrifj:hover,.TextInput-module_text-input-wrapper__HCnQD>input:hover:disabled{cursor:not-allowed}.TextInput-module_text-input-wrapper__HCnQD{background-color:var(--form-control-background-color,var(--INTERNAL_form-control-background-color));border:1px solid var(--form-control-border-color,var(--INTERNAL_form-control-border-color));font-family:var(--form-control-font-family,var(--INTERNAL_form-control-font-family));position:relative}@media (min-width:680px){.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-tablet__neC5C{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-tablet__neC5C>input{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-tablet__neC5C .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-tablet__neC5C .TextInput-module_suffix__327yL{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-tablet__neC5C .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) 0}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-tablet__neC5C:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-tablet__u29oc{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-tablet__u29oc>input{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-tablet__u29oc .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-tablet__u29oc .TextInput-module_suffix__327yL{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-tablet__u29oc .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) 0}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-tablet__u29oc:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-tablet__3PUB3{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-tablet__3PUB3>input{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-tablet__3PUB3 .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-tablet__3PUB3 .TextInput-module_suffix__327yL{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-tablet__3PUB3 .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) 0}}@media (min-width:992px){.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-desktop__kA12V{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-desktop__kA12V>input{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-desktop__kA12V .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-desktop__kA12V .TextInput-module_suffix__327yL{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-desktop__kA12V .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) 0}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-desktop__kA12V:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-desktop__yLJGr{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-desktop__yLJGr>input{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-desktop__yLJGr .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-desktop__yLJGr .TextInput-module_suffix__327yL{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-desktop__yLJGr .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) 0}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-desktop__yLJGr:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-desktop__A1pcS{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-desktop__A1pcS>input{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-desktop__A1pcS .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-desktop__A1pcS .TextInput-module_suffix__327yL{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-desktop__A1pcS .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) 0}}@media (min-width:1280px){.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-hd__f7Thr{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-hd__f7Thr>input{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-hd__f7Thr .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-hd__f7Thr .TextInput-module_suffix__327yL,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-hd__f7Thr>input{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-hd__f7Thr .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding)) 0}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-sm-hd__f7Thr:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-sm-padding,var(--INTERNAL_form-control-size-sm-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-hd__Tsnqc{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-hd__Tsnqc>input{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-hd__Tsnqc .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-hd__Tsnqc .TextInput-module_suffix__327yL,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-hd__Tsnqc>input{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-hd__Tsnqc .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding)) 0}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-md-hd__Tsnqc:not(.TextInput-module_is-clearable__ExAY3) .TextInput-module_suffix__327yL{padding:var(--form-control-size-md-padding,var(--INTERNAL_form-control-size-md-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-hd__XLMos{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-hd__XLMos>input{border-radius:var(--form-control-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-hd__XLMos .TextInput-module_prefix__-wFO9,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-hd__XLMos .TextInput-module_suffix__327yL,.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-hd__XLMos>input{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_size-lg-hd__XLMos .TextInput-module_clear-button__LUJpO{padding:var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) var(--form-control-size-lg-padding,var(--INTERNAL_form-control-size-lg-padding)) 0}}.TextInput-module_text-input-wrapper__HCnQD>input{background-color:transparent;border:none;box-sizing:border-box;color:var(--form-control-font-color,var(--INTERNAL_form-control-font-color));display:flex;line-height:var(--form-control-line-height,var(--INTERNAL_form-control-line-height));transition-duration:.3s;transition-property:border,background-color;transition-timing-function:cubic-bezier(.2,.8,.4,1);width:100%}.TextInput-module_text-input-wrapper__HCnQD>input::-moz-placeholder{color:var(--color-font-placeholder);opacity:1}.TextInput-module_text-input-wrapper__HCnQD>input::placeholder{color:var(--color-font-placeholder);opacity:1}.TextInput-module_text-input-wrapper__HCnQD>input:focus{border:none;outline:none}.TextInput-module_text-input-wrapper__HCnQD>input:disabled{background-color:transparent}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_error__p6zZq{background-color:var(--form-control-background-color-error,var(--INTERNAL_form-control-background-color-error))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_error__p6zZq:focus-within{background-color:var(--form-control-background-color,var(--INTERNAL_form-control-background-color))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_error__p6zZq input{color:var(--form-control-font-color,var(--INTERNAL_form-control-input-color-error))}.TextInput-module_text-input-wrapper__HCnQD.TextInput-module_error__p6zZq input:focus{background-color:transparent;color:var(--form-control-font-color,var(--INTERNAL_form-control-font-color));outline:none}.TextInput-module_text-input-wrapper__HCnQD:not(.TextInput-module_error__p6zZq)>.TextInput-module_disabled__lrifj:not(input),.TextInput-module_text-input-wrapper__HCnQD:not(.TextInput-module_error__p6zZq)>:focus:not(input){box-shadow:inset 0 1px 0 0 var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus)),inset 0 -1px 0 0 var(--form-control-border-color-focus,var(--INTERNAL_form-control-border-color-focus))}.TextInput-module_text-input-wrapper__HCnQD:focus-within{border-color:var(--color-border-active);box-shadow:var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus));outline:none}.TextInput-module_text-input-wrapper__HCnQD .TextInput-module_clear-button__LUJpO{background:none;border:0;border-radius:0;color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));cursor:pointer;font-style:inherit;transition-duration:.2s;transition-property:color}.TextInput-module_text-input-wrapper__HCnQD .TextInput-module_clear-button__LUJpO:hover{color:var(--form-control-icon-hover-color,var(--INTERNAL_form-control-icon-hover-color))}.TextInput-module_text-input-label__3PlSG{margin-bottom:var(--form-control-label-margin,var(--INTERNAL_form-control-label-margin))}
14
14
  @keyframes Popover-module_fadeIn__0btE5{0%{opacity:0}to{opacity:1}}.Popover-module_popover__rvS3X{animation:Popover-module_fadeIn__0btE5 .2s;z-index:var(--size-z-index-popover)}.Popover-module_popover-arrow__SLtPW{height:.8rem;position:absolute;width:.8rem}.Popover-module_popover-arrow__SLtPW:before{background-color:inherit;content:"";height:.8rem;position:absolute;transform:rotate(45deg);width:.8rem;z-index:-1}[data-popper-placement*=bottom] .Popover-module_popover-arrow__SLtPW{top:-.1rem}[data-popper-placement*=bottom] .Popover-module_popover-arrow__SLtPW:before{bottom:.25rem;box-shadow:-1px -1px 1px 0 rgba(0,0,0,.05)}[data-popper-placement*=top] .Popover-module_popover-arrow__SLtPW{bottom:-.1rem}[data-popper-placement*=top] .Popover-module_popover-arrow__SLtPW:before{box-shadow:3px 3px 3px 0 rgba(0,0,0,.08);top:.25rem}[data-popper-placement*=left] .Popover-module_popover-arrow__SLtPW{right:-.1rem}[data-popper-placement*=left] .Popover-module_popover-arrow__SLtPW:before{box-shadow:1px -1px 1px 0 rgba(0,0,0,.08);left:.25rem}[data-popper-placement*=right] .Popover-module_popover-arrow__SLtPW{left:-.1rem}[data-popper-placement*=right] .Popover-module_popover-arrow__SLtPW:before{box-shadow:-2px 2px 2px 0 rgba(0,0,0,.05);right:.25rem}
15
15
  .Details-module_details-reset__HWtSD>summary{cursor:pointer;list-style:none}.Details-module_details-reset__HWtSD>summary::-webkit-details-marker{display:none}.Details-module_details-reset__HWtSD>summary:before{display:none}.Details-module_details-reset__HWtSD>summary:focus{box-shadow:0 0 0 2px var(--color-base-primary-light);outline:0}.Details-module_details-reset__HWtSD>summary:focus-visible{box-shadow:0 0 0 2px var(--color-base-primary-light);outline:0}.Details-module_details-reset__HWtSD>summary:focus:not(:focus-visible){box-shadow:none;outline:0}
16
- .Drawer-module_drawer__IKoOm{background:rgba(0,0,0,.33);bottom:0;left:0;max-height:100vh;overflow:visible;right:0;top:0;z-index:var(--size-z-index-overlay)}.Drawer-module_drawer__IKoOm.Drawer-module_hide-overlay-right__FANA9{background-color:transparent;left:100%}.Drawer-module_drawer__IKoOm.Drawer-module_hide-overlay-left__xZFa3{background-color:transparent;right:100%}.Drawer-module_drawer__IKoOm.Drawer-module_hide-overlay-bottom__11EB1{background-color:transparent;top:100%}.Drawer-module_drawer__IKoOm.Drawer-module_hide-overlay-top__kEsV5{background-color:transparent;bottom:100%}.Drawer-module_drawer__IKoOm{animation:fadeIn .2s}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR{background-color:var(--color-background-primary);box-shadow:var(--drawer-box-shadow,var(--size-box-shadow-xl));display:flex;flex-direction:column;padding:0;position:absolute;z-index:var(--size-z-index-drawer)}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_left__pwTcW{animation:fadeInRight .2s ease-out;height:100%;left:0;width:var(--w,80vw)}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_right__EzGpI{animation:fadeInLeft .2s ease-out;height:100%;right:0;width:var(--w,80vw)}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_bottom__r3Q5Z{animation:fadeInUp .2s ease-out;bottom:0;max-height:100vh;width:100%}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_top__xQejO{animation:fadeInDown .2s ease-out;max-height:100vh;top:0;width:100%}@media (min-width:680px){.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_left__pwTcW,.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_right__EzGpI{width:var(--w,var(--size-dimension-8xl))}}
16
+ .Drawer-module_drawer__IKoOm{background:rgba(0,0,0,.33);bottom:0;left:0;max-height:100vh;overflow:visible;right:0;top:0;z-index:var(--size-z-index-overlay)}.Drawer-module_drawer__IKoOm.Drawer-module_hide-overlay-right__FANA9{background-color:transparent;left:100%}.Drawer-module_drawer__IKoOm.Drawer-module_hide-overlay-left__xZFa3{background-color:transparent;right:100%}.Drawer-module_drawer__IKoOm.Drawer-module_hide-overlay-bottom__11EB1{background-color:transparent;top:100%}.Drawer-module_drawer__IKoOm.Drawer-module_hide-overlay-top__kEsV5{background-color:transparent;bottom:100%}.Drawer-module_drawer__IKoOm{animation:fadeIn .2s}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR{background-color:var(--color-background-primary);box-shadow:var(--drawer-box-shadow,var(--size-box-shadow-xl));display:flex;flex-direction:column;overflow:auto;padding:0;position:absolute;z-index:var(--size-z-index-drawer)}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_left__pwTcW{animation:fadeInRight .2s ease-out;height:100%;left:0;width:var(--drawer-width,80vw)}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_right__EzGpI{animation:fadeInLeft .2s ease-out;height:100%;right:0;width:var(--drawer-width,80vw)}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_bottom__r3Q5Z{animation:fadeInUp .2s ease-out;bottom:0;max-height:100vh;width:100%}.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_top__xQejO{animation:fadeInDown .2s ease-out;max-height:100vh;top:0;width:100%}@media (min-width:680px){.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_left__pwTcW,.Drawer-module_drawer__IKoOm .Drawer-module_drawer-content__zZ9xR.Drawer-module_right__EzGpI{width:var(--drawer-width,var(--size-dimension-8xl))}}
17
17
  .RadioInput-module_size-sm__6DLmn>:not(label){height:16px;width:16px}.RadioInput-module_size-md__wiJ4R>:not(label){height:20px;width:20px}.RadioInput-module_size-lg__pX8S8>:not(label){height:24px;width:24px}.RadioInput-module_radio-container__EBRgV input:focus+div{box-shadow:var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus));outline:0}.RadioInput-module_radio-container__EBRgV input:focus-visible+div{box-shadow:var(--form-control-box-shadow-focus,var(--INTERNAL_form-control-box-shadow-focus));outline:0}.RadioInput-module_radio-container__EBRgV input:focus:not(:focus-visible)+div{box-shadow:none;outline:0}.RadioInput-module_radio-container__EBRgV.RadioInput-module_hidden__KF4as{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (min-width:680px){.RadioInput-module_size-sm-tablet__x7edi>:not(label){height:16px;width:16px}.RadioInput-module_size-md-tablet__T-HTa>:not(label){height:20px;width:20px}.RadioInput-module_size-lg-tablet__0Hkim>:not(label){height:24px;width:24px}}@media (min-width:992px){.RadioInput-module_size-sm-desktop__HjeWG>:not(label){height:16px;width:16px}.RadioInput-module_size-md-desktop__3Y1fn>:not(label){height:20px;width:20px}.RadioInput-module_size-lg-desktop__z3nKW>:not(label){height:24px;width:24px}}@media (min-width:1280px){.RadioInput-module_size-sm-hd__oxAR7>:not(label){height:16px;width:16px}.RadioInput-module_size-md-hd__ws7ro>:not(label){height:20px;width:20px}.RadioInput-module_size-lg-hd__87uii>:not(label){height:24px;width:24px}}
18
18
  .RadioGroup-module_radio-group__FWPcT .RadioGroup-module_fieldset__PEUXI{border:none;font-family:var(--form-control-font-family,var(--INTERNAL_form-control-font-family));margin:0;padding:0}.RadioGroup-module_radio-group__FWPcT .RadioGroup-module_fieldset__PEUXI .RadioGroup-module_legend__tcfV7{color:var(--form-control-font-color,var(--INTERNAL_form-control-font-color));display:block;font-size:var(--form-control-size-md-label-size,var(--INTERNAL_form-control-size-md-label-size));font-weight:var(--form-control-legend-font-weight,var(--INTERNAL_form-control-legend-font-weight));line-height:1.25;margin-bottom:var(--form-control-radio-group-options-spacing,var(--INTERNAL_form-control-radio-group-options-spacing))}.RadioGroup-module_radio-group__FWPcT .RadioGroup-module_fieldset__PEUXI .RadioGroup-module_legend__tcfV7 .RadioGroup-module_description__8fzM-{color:var(--form-control-description-color,var(--INTERNAL_form-control-description-color));font-weight:400;margin-top:var(--INTERNAL_form-control-radio-group-description-spacing,var(--INTERNAL_form-control-radio-group-description-spacing))}
19
19
  .SelectInput-module_react-select-icon__PvocB,.select-input-wrapper .react-select .react-select__control .react-select__clear-indicator{color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));padding:0 2px 0 0}.SelectInput-module_react-select-icon__PvocB:hover,.select-input-wrapper .react-select .react-select__control :hover.react-select__clear-indicator{color:var(--form-control-icon-color-hover,var(--INTERNAL_form-control-icon-color-hover))}.SelectInput-module_size-sm__PKB-J .react-select__control,.select-input-wrapper.SelectInput-module_size-sm__PKB-J .react-select__control{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));min-height:32px;padding:0 8px}.SelectInput-module_size-sm__PKB-J .react-select__multi-value__label,.SelectInput-module_size-sm__PKB-J .react-select__option,.SelectInput-module_size-sm__PKB-J .react-select__placeholder,.SelectInput-module_size-sm__PKB-J .react-select__single-value,.select-input-wrapper.SelectInput-module_size-sm__PKB-J .react-select__multi-value__label,.select-input-wrapper.SelectInput-module_size-sm__PKB-J .react-select__option,.select-input-wrapper.SelectInput-module_size-sm__PKB-J .react-select__placeholder,.select-input-wrapper.SelectInput-module_size-sm__PKB-J .react-select__single-value{font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.SelectInput-module_size-sm__PKB-J .react-select__dropdown-indicator,.select-input-wrapper.SelectInput-module_size-sm__PKB-J .react-select__dropdown-indicator{color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));padding:0;padding:0 2px 0 0}.SelectInput-module_size-sm__PKB-J .react-select__dropdown-indicator:hover,.select-input-wrapper.SelectInput-module_size-sm__PKB-J .react-select__dropdown-indicator:hover{color:var(--form-control-icon-color-hover,var(--INTERNAL_form-control-icon-color-hover))}.SelectInput-module_size-sm__PKB-J .react-select__dropdown-indicator svg,.select-input-wrapper.SelectInput-module_size-sm__PKB-J .react-select__dropdown-indicator svg{height:var(--form-control-select-sm-icon-size,var(--INTERNAL_form-control-select-sm-icon-size));width:var(--form-control-select-sm-icon-size,var(--INTERNAL_form-control-select-sm-icon-size))}.SelectInput-module_size-md__n9Fj8 .react-select__control,.select-input-wrapper.SelectInput-module_size-md__n9Fj8 .react-select__control{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:4px 8px}.SelectInput-module_size-md__n9Fj8 .react-select__multi-value__label,.SelectInput-module_size-md__n9Fj8 .react-select__single-value,.select-input-wrapper.SelectInput-module_size-md__n9Fj8 .react-select__multi-value__label,.select-input-wrapper.SelectInput-module_size-md__n9Fj8 .react-select__single-value{font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.SelectInput-module_size-md__n9Fj8 .react-select__dropdown-indicator,.select-input-wrapper.SelectInput-module_size-md__n9Fj8 .react-select__dropdown-indicator{color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));padding:0;padding:0 2px 0 0}.SelectInput-module_size-md__n9Fj8 .react-select__dropdown-indicator:hover,.select-input-wrapper.SelectInput-module_size-md__n9Fj8 .react-select__dropdown-indicator:hover{color:var(--form-control-icon-color-hover,var(--INTERNAL_form-control-icon-color-hover))}.SelectInput-module_size-md__n9Fj8 .react-select__dropdown-indicator svg,.select-input-wrapper.SelectInput-module_size-md__n9Fj8 .react-select__dropdown-indicator svg{height:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size));width:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size))}.SelectInput-module_size-lg__LQ-uG .react-select__control,.select-input-wrapper.SelectInput-module_size-lg__LQ-uG .react-select__control{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:9px 8px 10px}.SelectInput-module_size-lg__LQ-uG .react-select__option,.SelectInput-module_size-lg__LQ-uG .react-select__placeholder,.SelectInput-module_size-lg__LQ-uG .react-select__single-value,.select-input-wrapper.SelectInput-module_size-lg__LQ-uG .react-select__option,.select-input-wrapper.SelectInput-module_size-lg__LQ-uG .react-select__placeholder,.select-input-wrapper.SelectInput-module_size-lg__LQ-uG .react-select__single-value{font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.SelectInput-module_size-lg__LQ-uG .react-select__multi-value__label,.select-input-wrapper.SelectInput-module_size-lg__LQ-uG .react-select__multi-value__label{font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size));padding:2px 6px 3px}.SelectInput-module_size-lg__LQ-uG .react-select__dropdown-indicator,.select-input-wrapper.SelectInput-module_size-lg__LQ-uG .react-select__dropdown-indicator{color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));padding:0;padding:0 2px 0 0}.SelectInput-module_size-lg__LQ-uG .react-select__dropdown-indicator:hover,.select-input-wrapper.SelectInput-module_size-lg__LQ-uG .react-select__dropdown-indicator:hover{color:var(--form-control-icon-color-hover,var(--INTERNAL_form-control-icon-color-hover))}.SelectInput-module_size-lg__LQ-uG .react-select__dropdown-indicator svg,.select-input-wrapper.SelectInput-module_size-lg__LQ-uG .react-select__dropdown-indicator svg{height:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size));width:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size))}.react-select__menu-portal .react-select__menu{background-color:var(--color-background-primary);border-color:var(--color-border-default);z-index:var(--size-z-index-popover)}.react-select__menu-portal .react-select__menu .react-select__option--is-focused,.react-select__menu-portal .react-select__menu .react-select__option--is-selected{background-color:var(--color-background-tertiary)}.select-input-wrapper{font-family:var(--form-control-font-family,var(--INTERNAL_form-control-font-family))}.select-input-wrapper .react-select:hover .react-select__dropdown-indicator{color:var(--form-control-border-color-focus,var(--INTERNAL_form-control-border-color-focus))}.select-input-wrapper .react-select .react-select__option--is-focused,.select-input-wrapper .react-select .react-select__option--is-selected{background-color:var(--color-background-tertiary)}.select-input-wrapper .react-select .react-select__input-container,.select-input-wrapper .react-select .react-select__option,.select-input-wrapper .react-select .react-select__single-value{color:var(--color-font-base)}.select-input-wrapper .react-select .react-select__multi-value__remove{color:var(--color-font-grey)}.select-input-wrapper .react-select .react-select__control{background-color:var(--form-control-background-color,var(--INTERNAL_form-control-background-color));border-color:var(--form-control-border-color,var(--INTERNAL_form-control-border-color));line-height:var(--form-control-line-height,var(--INTERNAL_form-control-line-height))}.select-input-wrapper .react-select .react-select__control .react-select__value-container{padding:0}.select-input-wrapper .react-select .react-select__control .react-select__placeholder{color:var(--color-font-placeholder)}.select-input-wrapper .react-select .react-select__control .react-select__clear-indicator{padding:7px}.select-input-wrapper .react-select .react-select__control .react-select__indicator-separator{display:none}.select-input-wrapper .react-select .react-select__control .react-select__clear-indicator{margin-right:var(--form-control-select-clear-icon-margin,var(--INTERNAL_form-control-select-clear-icon-margin))}.select-input-wrapper .react-select .react-select__control.react-select__control--is-focused{border:1px solid var(--color-border-active);box-shadow:var(--form-control-box-shadow,var(--INTERNAL_form-control-box-shadow-focus))}.select-input-wrapper .react-select .react-select__control.react-select__control--is-disabled .react-select__dropdown-indicator{background-color:var(--color-background-disabled);color:var(--color-font-disabled)}.select-input-wrapper .react-select .react-select__menu{background-color:var(--color-background-primary);border-color:var(--color-border-default);z-index:var(--size-z-index-popover)}.select-input-wrapper .react-select.SelectInput-module_error__Avf98 .react-select__control{background-color:var(--form-control-background-color-error,var(--INTERNAL_form-control-background-color-error));border-color:var(--form-control-border-color-error,var(--INTERNAL_form-control-border-color-error))}.select-input-wrapper .react-select.SelectInput-module_error__Avf98 .react-select__control.react-select__control--is-focused{background-color:var(--form-control-background-color,var(--INTERNAL_form-control-background-color));border-color:var(--form-control-border-color,var(--INTERNAL_form-control-border-color));outline:none}@media (min-width:680px){.select-input-wrapper.SelectInput-module_size-sm-tablet__2Dg01 .react-select__control{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));min-height:32px;padding:0 8px}.select-input-wrapper.SelectInput-module_size-sm-tablet__2Dg01 .react-select__multi-value__label,.select-input-wrapper.SelectInput-module_size-sm-tablet__2Dg01 .react-select__option,.select-input-wrapper.SelectInput-module_size-sm-tablet__2Dg01 .react-select__placeholder,.select-input-wrapper.SelectInput-module_size-sm-tablet__2Dg01 .react-select__single-value{font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.select-input-wrapper.SelectInput-module_size-sm-tablet__2Dg01 .react-select__dropdown-indicator{color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));padding:0;padding:0 2px 0 0}.select-input-wrapper.SelectInput-module_size-sm-tablet__2Dg01 .react-select__dropdown-indicator:hover{color:var(--form-control-icon-color-hover,var(--INTERNAL_form-control-icon-color-hover))}.select-input-wrapper.SelectInput-module_size-sm-tablet__2Dg01 .react-select__dropdown-indicator svg{height:var(--form-control-select-sm-icon-size,var(--INTERNAL_form-control-select-sm-icon-size));width:var(--form-control-select-sm-icon-size,var(--INTERNAL_form-control-select-sm-icon-size))}.select-input-wrapper.SelectInput-module_size-md-tablet__-iOSg .react-select__control{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:4px 8px}.select-input-wrapper.SelectInput-module_size-md-tablet__-iOSg .react-select__multi-value__label,.select-input-wrapper.SelectInput-module_size-md-tablet__-iOSg .react-select__single-value{font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.select-input-wrapper.SelectInput-module_size-md-tablet__-iOSg .react-select__dropdown-indicator{color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));padding:0;padding:0 2px 0 0}.select-input-wrapper.SelectInput-module_size-md-tablet__-iOSg .react-select__dropdown-indicator:hover{color:var(--form-control-icon-color-hover,var(--INTERNAL_form-control-icon-color-hover))}.select-input-wrapper.SelectInput-module_size-md-tablet__-iOSg .react-select__dropdown-indicator svg{height:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size));width:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size))}.select-input-wrapper.SelectInput-module_size-lg-tablet__9xmuJ .react-select__control{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:9px 8px 10px}.select-input-wrapper.SelectInput-module_size-lg-tablet__9xmuJ .react-select__option,.select-input-wrapper.SelectInput-module_size-lg-tablet__9xmuJ .react-select__placeholder,.select-input-wrapper.SelectInput-module_size-lg-tablet__9xmuJ .react-select__single-value{font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.select-input-wrapper.SelectInput-module_size-lg-tablet__9xmuJ .react-select__multi-value__label{font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size));padding:2px 6px 3px}.select-input-wrapper.SelectInput-module_size-lg-tablet__9xmuJ .react-select__dropdown-indicator{color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));padding:0;padding:0 2px 0 0}.select-input-wrapper.SelectInput-module_size-lg-tablet__9xmuJ .react-select__dropdown-indicator:hover{color:var(--form-control-icon-color-hover,var(--INTERNAL_form-control-icon-color-hover))}.select-input-wrapper.SelectInput-module_size-lg-tablet__9xmuJ .react-select__dropdown-indicator svg{height:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size));width:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size))}}@media (min-width:992px){.select-input-wrapper.SelectInput-module_size-sm-desktop__tOWI4 .react-select__control{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));min-height:32px;padding:0 8px}.select-input-wrapper.SelectInput-module_size-sm-desktop__tOWI4 .react-select__multi-value__label,.select-input-wrapper.SelectInput-module_size-sm-desktop__tOWI4 .react-select__option,.select-input-wrapper.SelectInput-module_size-sm-desktop__tOWI4 .react-select__placeholder,.select-input-wrapper.SelectInput-module_size-sm-desktop__tOWI4 .react-select__single-value{font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.select-input-wrapper.SelectInput-module_size-sm-desktop__tOWI4 .react-select__dropdown-indicator{color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));padding:0;padding:0 2px 0 0}.select-input-wrapper.SelectInput-module_size-sm-desktop__tOWI4 .react-select__dropdown-indicator:hover{color:var(--form-control-icon-color-hover,var(--INTERNAL_form-control-icon-color-hover))}.select-input-wrapper.SelectInput-module_size-sm-desktop__tOWI4 .react-select__dropdown-indicator svg{height:var(--form-control-select-sm-icon-size,var(--INTERNAL_form-control-select-sm-icon-size));width:var(--form-control-select-sm-icon-size,var(--INTERNAL_form-control-select-sm-icon-size))}.select-input-wrapper.SelectInput-module_size-md-desktop__vo-UC .react-select__control{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:4px 8px}.select-input-wrapper.SelectInput-module_size-md-desktop__vo-UC .react-select__multi-value__label,.select-input-wrapper.SelectInput-module_size-md-desktop__vo-UC .react-select__single-value{font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.select-input-wrapper.SelectInput-module_size-md-desktop__vo-UC .react-select__dropdown-indicator{color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));padding:0;padding:0 2px 0 0}.select-input-wrapper.SelectInput-module_size-md-desktop__vo-UC .react-select__dropdown-indicator:hover{color:var(--form-control-icon-color-hover,var(--INTERNAL_form-control-icon-color-hover))}.select-input-wrapper.SelectInput-module_size-md-desktop__vo-UC .react-select__dropdown-indicator svg{height:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size));width:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size))}.select-input-wrapper.SelectInput-module_size-lg-desktop__nxQdj .react-select__control{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:9px 8px 10px}.select-input-wrapper.SelectInput-module_size-lg-desktop__nxQdj .react-select__option,.select-input-wrapper.SelectInput-module_size-lg-desktop__nxQdj .react-select__placeholder,.select-input-wrapper.SelectInput-module_size-lg-desktop__nxQdj .react-select__single-value{font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.select-input-wrapper.SelectInput-module_size-lg-desktop__nxQdj .react-select__multi-value__label{font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size));padding:2px 6px 3px}.select-input-wrapper.SelectInput-module_size-lg-desktop__nxQdj .react-select__dropdown-indicator{color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));padding:0;padding:0 2px 0 0}.select-input-wrapper.SelectInput-module_size-lg-desktop__nxQdj .react-select__dropdown-indicator:hover{color:var(--form-control-icon-color-hover,var(--INTERNAL_form-control-icon-color-hover))}.select-input-wrapper.SelectInput-module_size-lg-desktop__nxQdj .react-select__dropdown-indicator svg{height:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size));width:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size))}}@media (min-width:1280px){.select-input-wrapper.SelectInput-module_size-sm-hd__qamTH .react-select__control{border-radius:var(--form-control-size-sm-border-radius,var(--INTERNAL_form-control-size-sm-border-radius));min-height:32px;padding:0 8px}.select-input-wrapper.SelectInput-module_size-sm-hd__qamTH .react-select__multi-value__label,.select-input-wrapper.SelectInput-module_size-sm-hd__qamTH .react-select__option,.select-input-wrapper.SelectInput-module_size-sm-hd__qamTH .react-select__placeholder,.select-input-wrapper.SelectInput-module_size-sm-hd__qamTH .react-select__single-value{font-size:var(--form-control-size-sm-font-size,var(--INTERNAL_form-control-size-sm-font-size))}.select-input-wrapper.SelectInput-module_size-sm-hd__qamTH .react-select__dropdown-indicator{color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));padding:0;padding:0 2px 0 0}.select-input-wrapper.SelectInput-module_size-sm-hd__qamTH .react-select__dropdown-indicator:hover{color:var(--form-control-icon-color-hover,var(--INTERNAL_form-control-icon-color-hover))}.select-input-wrapper.SelectInput-module_size-sm-hd__qamTH .react-select__dropdown-indicator svg{height:var(--form-control-select-sm-icon-size,var(--INTERNAL_form-control-select-sm-icon-size));width:var(--form-control-select-sm-icon-size,var(--INTERNAL_form-control-select-sm-icon-size))}.select-input-wrapper.SelectInput-module_size-md-hd__Cf8hk .react-select__control{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:4px 8px}.select-input-wrapper.SelectInput-module_size-md-hd__Cf8hk .react-select__multi-value__label,.select-input-wrapper.SelectInput-module_size-md-hd__Cf8hk .react-select__single-value{font-size:var(--form-control-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size))}.select-input-wrapper.SelectInput-module_size-md-hd__Cf8hk .react-select__dropdown-indicator{color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));padding:0;padding:0 2px 0 0}.select-input-wrapper.SelectInput-module_size-md-hd__Cf8hk .react-select__dropdown-indicator:hover{color:var(--form-control-icon-color-hover,var(--INTERNAL_form-control-icon-color-hover))}.select-input-wrapper.SelectInput-module_size-md-hd__Cf8hk .react-select__dropdown-indicator svg{height:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size));width:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size))}.select-input-wrapper.SelectInput-module_size-lg-hd__E4-mZ .react-select__control{border-radius:var(--form-control-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));padding:9px 8px 10px}.select-input-wrapper.SelectInput-module_size-lg-hd__E4-mZ .react-select__multi-value__label,.select-input-wrapper.SelectInput-module_size-lg-hd__E4-mZ .react-select__option,.select-input-wrapper.SelectInput-module_size-lg-hd__E4-mZ .react-select__placeholder,.select-input-wrapper.SelectInput-module_size-lg-hd__E4-mZ .react-select__single-value{font-size:var(--form-control-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size))}.select-input-wrapper.SelectInput-module_size-lg-hd__E4-mZ .react-select__multi-value__label{padding:2px 6px 3px}.select-input-wrapper.SelectInput-module_size-lg-hd__E4-mZ .react-select__dropdown-indicator{color:var(--form-control-icon-color,var(--INTERNAL_form-control-icon-color));padding:0;padding:0 2px 0 0}.select-input-wrapper.SelectInput-module_size-lg-hd__E4-mZ .react-select__dropdown-indicator:hover{color:var(--form-control-icon-color-hover,var(--INTERNAL_form-control-icon-color-hover))}.select-input-wrapper.SelectInput-module_size-lg-hd__E4-mZ .react-select__dropdown-indicator svg{height:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size));width:var(--form-control-select-md-icon-size,var(--INTERNAL_form-control-select-md-icon-size))}}.select-input-wrapper.SelectInput-module_disabled__4ezAy .react-select__control--is-disabled{background-color:var(--color-background-disabled)}.select-input-wrapper.SelectInput-module_disabled__4ezAy:hover{cursor:not-allowed}.SelectInput-module_select-input-label__eqEYa{margin-bottom:var(--form-control-label-margin,var(--INTERNAL_form-control-label-margin))!important}