@salutejs/plasma-new-hope 0.139.0-canary.1406.10688605172.0 → 0.139.0-canary.1418.10685382771.0

package/emotion/es/examples/plasma_web/components/Combobox/Combobox.stories.tsx

@@ -0,0 +1,252 @@
+import React, { useState } from 'react';
+import type { ComponentProps } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+
+import { mergeConfig } from '../../../../engines';
+import { Checkbox } from '../Checkbox/Checkbox';
+import { ComboboxPrimitiveValue, comboboxConfig } from '../../../../components/Combobox';
+import { WithTheme, argTypesFromConfig } from '../../../_helpers';
+import { IconDone } from '../../../../components/_Icon';
+
+import { Combobox, ComboboxDivider, ComboboxItem } from './Combobox';
+import { config } from './Combobox.config';
+
+const placements: Array<string> = ['top', 'bottom', 'right', 'left', 'auto'];
+const enumerations: Array<string> = ['comma', 'chip'];
+
+type StorySelectPropsCustom = {
+    skidding?: number;
+    distance?: number;
+};
+
+type StorySelectProps = ComponentProps<typeof Combobox> & StorySelectPropsCustom;
+
+const meta: Meta<StorySelectProps> = {
+    title: 'plasma_web/Combobox',
+    decorators: [WithTheme],
+    component: Combobox,
+    argTypes: {
+        placement: {
+            options: placements,
+            control: {
+                type: 'select',
+            },
+        },
+        enumerationType: {
+            options: enumerations,
+            control: {
+                type: 'select',
+            },
+        },
+        ...argTypesFromConfig(mergeConfig(comboboxConfig, config)),
+    },
+    args: {
+        usePortal: false,
+        disabled: false,
+        readOnly: false,
+        label: 'Label',
+        placeholder: 'Placeholder',
+        enumerationType: 'comma',
+        size: 'm',
+        view: 'default',
+        placement: 'bottom',
+    },
+};
+
+export default meta;
+
+const onChangeAction = action('onChange');
+
+const iconDoneToSelectSizeMap: Record<string, 'xs' | 's'> = {
+    xs: 'xs',
+    s: 's',
+    m: 's',
+    l: 's',
+};
+
+const checkboxToSelectSizeMap: Record<string, 's' | 'm'> = {
+    xs: 's',
+    s: 'm',
+    m: 'm',
+    l: 'm',
+};
+
+const getSelectItems = (slug: string, elemCount: number) =>
+    [...Array(elemCount).keys()].map((num) => ({
+        value: `${slug}_${num}`,
+        child: `${slug} ${num}`,
+    }));
+
+const StorySingle = (args: StorySelectProps) => {
+    const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
+
+    const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0');
+
+    const onChangeValue = (newValue?: ComboboxPrimitiveValue) => {
+        setValue(newValue);
+        onChangeAction(newValue);
+    };
+
+    return (
+        <div style={{ width: '50%' }}>
+            <Combobox
+                frame="theme-root"
+                usePortal={usePortal}
+                valueType="single"
+                value={value}
+                placement={placement}
+                label={label}
+                placeholder={placeholder}
+                size={size}
+                view={view}
+                disabled={disabled}
+                readOnly={readOnly}
+                onChangeValue={onChangeValue}
+            >
+                <ComboboxItem value={undefined} text="Clear" />
+                {getSelectItems('item', 6).map((item) => (
+                    <ComboboxItem
+                        key={item.value}
+                        contentLeft={
+                            item.value === value ? (
+                                <IconDone size={iconDoneToSelectSizeMap[size]} color="inherit" />
+                            ) : undefined
+                        }
+                        value={item.value}
+                        text={item.child}
+                    />
+                ))}
+            </Combobox>
+        </div>
+    );
+};
+
+export const Single: StoryObj<StorySelectProps> = {
+    render: (args) => <StorySingle {...args} />,
+};
+
+const StoryMultiple = (args: StorySelectProps) => {
+    const { usePortal, placement, label, placeholder, readOnly, disabled, enumerationType, size = 'm', view } = args;
+
+    const [value, setValue] = useState<Array<ComboboxPrimitiveValue> | undefined>(['item_2', 'item_3']);
+
+    const onChangeValue = (newValue?: Array<ComboboxPrimitiveValue>) => {
+        setValue(newValue);
+        onChangeAction(newValue);
+    };
+
+    return (
+        <div style={{ width: '50%' }}>
+            <Combobox
+                frame="theme-root"
+                usePortal={usePortal}
+                valueType="multiple"
+                enumerationType={enumerationType}
+                value={value}
+                placement={placement}
+                label={label}
+                placeholder={placeholder}
+                size={size}
+                view={view}
+                disabled={disabled}
+                readOnly={readOnly}
+                onChangeValue={onChangeValue}
+            >
+                <ComboboxItem value={undefined} text="Clear" />
+                {getSelectItems('item', 6).map((item) => (
+                    <ComboboxItem
+                        key={item.value}
+                        contentLeft={<Checkbox size={checkboxToSelectSizeMap[size]} />}
+                        value={item.value}
+                        text={item.child}
+                    />
+                ))}
+            </Combobox>
+        </div>
+    );
+};
+
+export const Multiple: StoryObj<StorySelectProps> = {
+    render: (args) => <StoryMultiple {...args} />,
+};
+
+const StoryAddCustomItem = (args: StorySelectProps) => {
+    const { usePortal, placement, label, placeholder, readOnly, disabled, size = 'm', view } = args;
+
+    const [opened, setOpened] = useState(false);
+    const [items, setItems] = useState(getSelectItems('item', 1));
+    const [value, setValue] = useState<ComboboxPrimitiveValue | undefined>('item_0');
+
+    const onChangeValue = (newValue?: ComboboxPrimitiveValue) => {
+        setValue(newValue);
+        onChangeAction(newValue);
+    };
+
+    const onToggle = (openValue: boolean) => setOpened(openValue);
+
+    const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
+        const { code } = event;
+
+        if (code === 'Enter') {
+            const newValue = (event.target as HTMLInputElement).value;
+            const newItems = [...items];
+
+            if (newItems.find((item) => item.child === newValue)) {
+                return;
+            }
+
+            newItems.push({
+                value: `${newValue}_`,
+                child: (newValue || '').toString(),
+            });
+
+            setOpened(false);
+            setItems(newItems);
+        }
+    };
+
+    const filterFunction = () => true;
+
+    return (
+        <div style={{ width: '50%' }}>
+            <Combobox
+                frame="theme-root"
+                usePortal={usePortal}
+                valueType="single"
+                value={value}
+                placement={placement}
+                label={label}
+                placeholder={placeholder}
+                size={size}
+                view={view}
+                disabled={disabled}
+                readOnly={readOnly}
+                opened={opened}
+                onToggle={onToggle}
+                onChangeValue={onChangeValue}
+                onKeyDown={onKeyDown}
+                filterFunction={filterFunction}
+            >
+                <ComboboxItem value={undefined} text="Clear" />
+                <ComboboxDivider />
+                {items.map((item) => (
+                    <ComboboxItem
+                        key={item.value}
+                        contentLeft={
+                            item.value === value ? (
+                                <IconDone size={iconDoneToSelectSizeMap[size]} color="inherit" />
+                            ) : undefined
+                        }
+                        value={item.value}
+                        text={item.child}
+                    />
+                ))}
+            </Combobox>
+        </div>
+    );
+};
+
+export const AddCustomItem: StoryObj<StorySelectProps> = {
+    render: (args) => <StoryAddCustomItem {...args} />,
+};

package/emotion/es/examples/plasma_web/components/Select/Select.stories.tsx

@@ -103,7 +103,6 @@ const meta: Meta<StorySelectProps> = {
                 'placeholder',
                 'helperText',
                 'isTargetAmount',
-                'closeAfterSelect',
                 'variant',
                 'disabled',
                 'listWidth',
@@ -346,9 +345,6 @@ const SingleStory = (args: StorySelectProps) => {
 
 export const Single: StoryObj<StorySelectProps> = {
     render: (args) => <SingleStory {...args} />,
-    args: {
-        closeAfterSelect: true,
-    },
 };
 
 const MultiselectStory = (args: StorySelectProps) => {
@@ -370,7 +366,6 @@ const MultiselectStory = (args: StorySelectProps) => {
 export const Multiselect: StoryObj<StorySelectProps> = {
     args: {
         multiselect: true,
-        closeAfterSelect: false,
     },
     render: (args) => <MultiselectStory {...args} />,
 };

package/emotion/es/hooks/useOutsideClick.js

@@ -1,12 +1,10 @@
 import { useEffect, useRef } from 'react';
-export var useOutsideClick = function useOutsideClick(callback, secondaryRef) {
+export var useOutsideClick = function useOutsideClick(callback) {
   var ref = useRef(null);
   useEffect(function () {
     var handleClickOutside = function handleClickOutside(event) {
       if (ref.current && !ref.current.contains(event.target)) {
-        if (!(secondaryRef !== null && secondaryRef !== void 0 && secondaryRef.current) || secondaryRef.current && !secondaryRef.current.contains(event.target)) {
-          callback();
-        }
+        callback();
       }
     };
     document.addEventListener('mouseup', handleClickOutside);

package/es/components/Combobox/Combobox.css

@@ -0,0 +1,81 @@
+.Dropdown_styles_1tihqkp_sn7uamp__39673f55 .Dropdown_styles_1tihqkp_popoverWrapper__39673f55,.Dropdown_styles_1tihqkp_sn7uamp__39673f55 .Dropdown_styles_1tihqkp_popoverTarget__39673f55{display:block;}
+.Dropdown_styles_1tihqkp_ujr7fmv__39673f55{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--ujr7fmv-0);height:var(--ujr7fmv-1);overflow:var(--ujr7fmv-2);margin:var(--ujr7fmv-3);padding:var(--plasma-dropdown-padding);}
+.Dropdown_styles_1tihqkp_byfocd2__39673f55{display:inline-block;}
+
+.DropdownDivider_styles_v3xor1_s1brpi5d__3a791565{background:var(--plasma-dropdown-divider-color);width:var(--plasma-dropdown-divider-width);height:var(--plasma-dropdown-divider-height);margin:var(--plasma-dropdown-divider-margin-top) var(--plasma-dropdown-divider-margin-right) var(--plasma-dropdown-divider-margin-bottom) var(--plasma-dropdown-divider-margin-left);}
+
+.DropdownFooter_styles_1j4sg1p_stiw0r3__41ff7287{background:var(--plasma-dropdown-footer-background);font-family:var(--plasma-dropdown-footer-font-family);font-size:var(--plasma-dropdown-footer-font-size);font-style:var(--plasma-dropdown-footer-font-style);font-weight:var(--plasma-dropdown-footer-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-footer-line-height);-moz-letter-spacing:var(--plasma-dropdown-footer-line-height);-ms-letter-spacing:var(--plasma-dropdown-footer-line-height);letter-spacing:var(--plasma-dropdown-footer-line-height);line-height:var(--plasma-dropdown-footer-font-weight);width:var(--plasma-dropdown-footer-width);height:var(--plasma-dropdown-footer-height);padding:var(--plasma-dropdown-footer-padding-top) var(--plasma-dropdown-footer-padding-right) var(--plasma-dropdown-footer-padding-bottom) var(--plasma-dropdown-footer-padding-left);margin:var(--plasma-dropdown-footer-margin-top) var(--plasma-dropdown-footer-margin-right) var(--plasma-dropdown-footer-margin-bottom) var(--plasma-dropdown-footer-margin-left);}
+
+.DropdownGroup_styles_1o990eo_scop7qk__fca8c58e{background:var(--plasma-dropdown-group-background);width:var(--plasma-dropdown-group-width);height:var(--plasma-dropdown-group-height);padding:var(--plasma-dropdown-group-padding-top) var(--plasma-dropdown-group-padding-right) var(--plasma-dropdown-group-padding-bottom) var(--plasma-dropdown-group-padding-left);margin:var(--plasma-dropdown-group-margin-top) var(--plasma-dropdown-group-margin-right) var(--plasma-dropdown-group-margin-bottom) var(--plasma-dropdown-group-margin-left);}
+.DropdownGroup_styles_1o990eo_s1oaw95y__fca8c58e{font-family:var(--plasma-dropdown-group-label-font-family);font-size:var(--plasma-dropdown-group-label-font-size);font-style:var(--plasma-dropdown-group-label-font-style);font-weight:var(--plasma-dropdown-group-label-font-weight);-webkit-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);-moz-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);-ms-letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);letter-spacing:var(--plasma-dropdown-group-label-letter-spacing);line-height:var(--plasma-dropdown-group-label-line-height);color:var(--plasma-dropdown-group-label-color);padding:var(--plasma-dropdown-group-label-padding-top) var(--plasma-dropdown-group-label-padding-right) var(--plasma-dropdown-group-label-padding-bottom) var(--plasma-dropdown-group-label-padding-left);margin:var(--plasma-dropdown-group-label-margin-top) var(--plasma-dropdown-group-label-margin-right) var(--plasma-dropdown-group-label-margin-bottom) var(--plasma-dropdown-group-label-margin-left);}
+
+.DropdownHeader_styles_196gwgm_s133b1g2__3510806e{background:var(--plasma-dropdown-header-background);font-family:var(--plasma-dropdown-header-font-family);font-size:var(--plasma-dropdown-header-font-size);font-style:var(--plasma-dropdown-header-font-style);font-weight:var(--plasma-dropdown-header-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-header-line-height);-moz-letter-spacing:var(--plasma-dropdown-header-line-height);-ms-letter-spacing:var(--plasma-dropdown-header-line-height);letter-spacing:var(--plasma-dropdown-header-line-height);line-height:var(--plasma-dropdown-header-font-weight);width:var(--plasma-dropdown-header-width);height:var(--plasma-dropdown-header-height);padding:var(--plasma-dropdown-header-padding-top) var(--plasma-dropdown-header-padding-right) var(--plasma-dropdown-header-padding-bottom) var(--plasma-dropdown-header-padding-left);margin:var(--plasma-dropdown-header-margin-top) var(--plasma-dropdown-header-margin-right) var(--plasma-dropdown-header-margin-bottom) var(--plasma-dropdown-header-margin-left);}
+
+.DropdownItem_styles_1o4szyu_s1gkzlls__6703745b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.DropdownItem_styles_1o4szyu_sz6s14y__6703745b{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.DropdownItem_styles_1o4szyu_d1m97l2m__6703745b{line-height:0;color:var(--plasma-dropdown-disclosure-icon-color);}
+.DropdownItem_styles_1o4szyu_soib72h__6703745b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding-top:var(--w6l2f0g-0);padding-right:var(--plasma-dropdown-item-padding-right);padding-bottom:var(--w6l2f0g-1);padding-left:var(--plasma-dropdown-item-padding-left);font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b:hover:not(.DropdownItem_styles_1o4szyu_dropdownItemIsDisabled__6703745b){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsActive__6703745b{background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsDisabled__6703745b{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b:focus{outline:none;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_1o4szyu_w6l2f0g__6703745b.DropdownItem_styles_1o4szyu_dropdownItemIsFocused__6703745b:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}
+
+.DropdownItem_styles_12e50g5_s1iqs5in__94ac8eef{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-left-width);color:var(--plasma-dropdown-item-content-left-color);}
+.DropdownItem_styles_12e50g5_sfg3dyd__94ac8eef{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-dropdown-item-content-right-width);color:var(--plasma-dropdown-item-content-right-color);}
+.DropdownItem_styles_12e50g5_s1dea6tl__94ac8eef{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:auto;font-family:var(--plasma-dropdown-item-font-family);font-size:var(--plasma-dropdown-item-font-size);font-style:var(--plasma-dropdown-item-font-style);font-weight:var(--plasma-dropdown-item-letter-spacing);-webkit-letter-spacing:var(--plasma-dropdown-item-line-height);-moz-letter-spacing:var(--plasma-dropdown-item-line-height);-ms-letter-spacing:var(--plasma-dropdown-item-line-height);letter-spacing:var(--plasma-dropdown-item-line-height);line-height:var(--plasma-dropdown-item-font-weight);background:var(--plasma-dropdown-item-background);color:var(--plasma-dropdown-item-color);border-radius:var(--plasma-dropdown-item-border-radius);width:var(--plasma-dropdown-item-width);height:var(--plasma-dropdown-item-height);padding:var(--plasma-dropdown-item-padding-top) var(--plasma-dropdown-item-padding-right) var(--plasma-dropdown-item-padding-bottom) var(--plasma-dropdown-item-padding-left);margin:var(--plasma-dropdown-item-margin-top) var(--plasma-dropdown-item-margin-right) var(--plasma-dropdown-item-margin-bottom) var(--plasma-dropdown-item-margin-left);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef:focus{outline:none;}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-dropdown-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_focusVisible__94ac8eef:focus::before,.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef:hover:not(.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsSelected__94ac8eef{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsSelected__94ac8eef:hover:not(.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef){background:var(--plasma-dropdown-item-background-selected-hover);}.DropdownItem_styles_12e50g5_b1b2nce8__94ac8eef.DropdownItem_styles_12e50g5_dropdownItemIsDisabled__94ac8eef{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
+
+.Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
+.Dropdown_styles_3w3l45_s10jhp3l__59648b20{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
+
+.ComboboxDivider_styles_1j1hng3_m1j9seqk__aa686e5c{--plasma-dropdown-divider-color:var(--plasma-combobox-divider-color);--plasma-dropdown-divider-width:var(--plasma-combobox-divider-width);--plasma-dropdown-divider-height:var(--plasma-combobox-divider-height);--plasma-dropdown-divider-margin-top:var(--plasma-combobox-divider-margin-top);--plasma-dropdown-divider-margin-right:var(--plasma-combobox-divider-margin-right);--plasma-dropdown-divider-margin-bottom:var(--plasma-combobox-divider-margin-bottom);--plasma-dropdown-divider-margin-left:var(--plasma-combobox-divider-margin-left);}
+
+.ComboboxFooter_styles_1c25r21_m10lj0ok__54bb5d67{--plasma-dropdown-footer-background:var(--plasma-combobox-footer-background);--plasma-dropdown-footer-width:var(--plasma-combobox-footer-width);--plasma-dropdown-footer-height:var(--plasma-combobox-footer-height);--plasma-dropdown-footer-padding-top:var(--plasma-combobox-footer-padding-top);--plasma-dropdown-footer-padding-right:var(--plasma-combobox-footer-padding-right);--plasma-dropdown-footer-padding-bottom:var(--plasma-combobox-footer-padding-bottom);--plasma-dropdown-footer-padding-left:var(--plasma-combobox-footer-padding-left);--plasma-dropdown-footer-margin-top:var(--plasma-combobox-footer-margin-top);--plasma-dropdown-footer-margin-right:var(--plasma-combobox-footer-margin-right);--plasma-dropdown-footer-margin-bottom:var(--plasma-combobox-footer-margin-bottom);--plasma-dropdown-footer-margin-left:var(--plasma-combobox-footer-margin-left);--plasma-dropdown-footer-font-family:var(--plasma-combobox-footer-font-family);--plasma-dropdown-footer-font-size:var(--plasma-combobox-footer-font-size);--plasma-dropdown-footer-font-style:var(--plasma-combobox-footer-font-style);--plasma-dropdown-footer-letter-spacing:var(--plasma-combobox-footer-letter-spacing);--plasma-dropdown-footer-line-height:var(--plasma-combobox-footer-line-height);--plasma-dropdown-footer-font-weight:var(--plasma-combobox-footer-font-weight);}
+
+.ComboboxGroup_styles_1w8kgot_m16g20f3__edc8e766{--plasma-dropdown-group-background:var(--plasma-combobox-group-background);--plasma-dropdown-group-width:var(--plasma-combobox-group-width);--plasma-dropdown-group-height:var(--plasma-combobox-group-height);--plasma-dropdown-group-padding-top:var(--plasma-combobox-group-padding-top);--plasma-dropdown-group-padding-right:var(--plasma-combobox-group-padding-right);--plasma-dropdown-group-padding-bottom:var(--plasma-combobox-group-padding-bottom);--plasma-dropdown-group-padding-left:var(--plasma-combobox-group-padding-left);--plasma-dropdown-group-margin-top:var(--plasma-combobox-group-margin-top);--plasma-dropdown-group-margin-right:var(--plasma-combobox-group-margin-right);--plasma-dropdown-group-margin-bottom:var(--plasma-combobox-group-margin-bottom);--plasma-dropdown-group-margin-left:var(--plasma-combobox-group-margin-left);--plasma-dropdown-group-label-font-family:var(--plasma-combobox-group-label-font-family);--plasma-dropdown-group-label-font-size:var(--plasma-combobox-group-label-font-size);--plasma-dropdown-group-label-font-style:var(--plasma-combobox-group-label-font-style);--plasma-dropdown-group-label-font-weight:var(--plasma-combobox-group-label-font-weight);--plasma-dropdown-group-label-letter-spacing:var(--plasma-combobox-group-label-letter-spacing);--plasma-dropdown-group-label-line-height:var(--plasma-combobox-group-label-line-height);--plasma-dropdown-group-label-color:var(--plasma-combobox-group-label-color);--plasma-dropdown-group-label-padding-top:var(--plasma-combobox-group-label-padding-top);--plasma-dropdown-group-label-padding-right:var(--plasma-combobox-group-label-padding-right);--plasma-dropdown-group-label-padding-bottom:var(--plasma-combobox-group-label-padding-bottom);--plasma-dropdown-group-label-padding-left:var(--plasma-combobox-group-label-padding-left);--plasma-dropdown-group-label-margin-top:var(--plasma-combobox-group-label-margin-top);--plasma-dropdown-group-label-margin-right:var(--plasma-combobox-group-label-margin-right);--plasma-dropdown-group-label-margin-bottom:var(--plasma-combobox-group-label-margin-bottom);--plasma-dropdown-group-label-margin-left:var(--plasma-combobox-group-label-margin-left);}
+
+.ComboboxHeader_styles_1t301n8_m1uayozu__0c5260d0{--plasma-dropdown-header-background:var(--plasma-combobox-header-background);--plasma-dropdown-header-width:var(--plasma-combobox-header-width);--plasma-dropdown-header-height:var(--plasma-combobox-header-height);--plasma-dropdown-header-padding-top:var(--plasma-combobox-header-padding-top);--plasma-dropdown-header-padding-right:var(--plasma-combobox-header-padding-right);--plasma-dropdown-header-padding-bottom:var(--plasma-combobox-header-padding-bottom);--plasma-dropdown-header-padding-left:var(--plasma-combobox-header-padding-left);--plasma-dropdown-header-margin-top:var(--plasma-combobox-header-margin-top);--plasma-dropdown-header-margin-right:var(--plasma-combobox-header-margin-right);--plasma-dropdown-header-margin-bottom:var(--plasma-combobox-header-margin-bottom);--plasma-dropdown-header-margin-left:var(--plasma-combobox-header-margin-left);--plasma-dropdown-header-font-family:var(--plasma-combobox-header-font-family);--plasma-dropdown-header-font-size:var(--plasma-combobox-header-font-size);--plasma-dropdown-header-font-style:var(--plasma-combobox-header-font-style);--plasma-dropdown-header-letter-spacing:var(--plasma-combobox-header-letter-spacing);--plasma-dropdown-header-line-height:var(--plasma-combobox-header-line-height);--plasma-dropdown-header-font-weight:var(--plasma-combobox-header-font-weight);}
+
+.ComboboxItem_styles_s4sk53_s1thh7ji__df333595{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-combobox-item-content-left-width);color:var(--plasma-combobox-item-content-left-color);}
+.ComboboxItem_styles_s4sk53_s1exy6xj__df333595{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--plasma-combobox-item-content-right-width);color:var(--plasma-combobox-item-content-right-color);}
+.ComboboxItem_styles_s4sk53_s18437sq__df333595{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.ComboboxItem_styles_s4sk53_bvoi56l__df333595{box-sizing:content-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;width:100%;font-family:var(--plasma-combobox-item-font-family);font-size:var(--plasma-combobox-item-font-size);font-style:var(--plasma-combobox-item-font-style);font-weight:var(--plasma-combobox-item-letter-spacing);-webkit-letter-spacing:var(--plasma-combobox-item-line-height);-moz-letter-spacing:var(--plasma-combobox-item-line-height);-ms-letter-spacing:var(--plasma-combobox-item-line-height);letter-spacing:var(--plasma-combobox-item-line-height);line-height:var(--plasma-combobox-item-font-weight);background:var(--plasma-combobox-item-background);color:var(--plasma-combobox-item-color);border-radius:var(--plasma-combobox-item-border-radius);width:var(--plasma-combobox-item-width);height:var(--plasma-combobox-item-height);padding:var(--plasma-combobox-item-padding-top) var(--plasma-combobox-item-padding-right) var(--plasma-combobox-item-padding-bottom) var(--plasma-combobox-item-padding-left);margin:var(--plasma-combobox-item-margin-top) var(--plasma-combobox-item-margin-right) var(--plasma-combobox-item-margin-bottom) var(--plasma-combobox-item-margin-left);}.ComboboxItem_styles_s4sk53_bvoi56l__df333595:focus{outline:none;}.ComboboxItem_styles_s4sk53_bvoi56l__df333595::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-combobox-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.ComboboxItem_styles_s4sk53_bvoi56l__df333595.ComboboxItem_styles_s4sk53_focusVisible__df333595:focus::before,.ComboboxItem_styles_s4sk53_bvoi56l__df333595[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-combobox-focus-color);}.ComboboxItem_styles_s4sk53_bvoi56l__df333595:hover:not(.ComboboxItem_styles_s4sk53_comboboxItemIsDisabled__df333595){cursor:pointer;background:var(--plasma-combobox-item-background-hover);}.ComboboxItem_styles_s4sk53_bvoi56l__df333595.ComboboxItem_styles_s4sk53_comboboxItemIsSelected__df333595{color:var(--plasma-combobox-item-color-selected);background:var(--plasma-combobox-item-background-selected);}.ComboboxItem_styles_s4sk53_bvoi56l__df333595.ComboboxItem_styles_s4sk53_comboboxItemIsSelected__df333595:hover:not(.ComboboxItem_styles_s4sk53_comboboxItemIsDisabled__df333595){background:var(--plasma-combobox-item-background-selected-hover);}.ComboboxItem_styles_s4sk53_bvoi56l__df333595.ComboboxItem_styles_s4sk53_comboboxItemIsDisabled__df333595{opacity:var(--plasma-combobox-disabled-opacity);cursor:not-allowed;}
+
+.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
+
+.base_fcgkys_b1pde8v1__0b4d127a{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding-top:var(--plasma-chip-padding-top);padding-right:var(--plasma-chip-padding-right);padding-bottom:var(--plasma-chip-padding-bottom);padding-left:var(--plasma-chip-padding-left);}.base_fcgkys_b1pde8v1__0b4d127a:hover{scale:var(--plasma-chip-scale-hover);}.base_fcgkys_b1pde8v1__0b4d127a:active{scale:var(--plasma-chip-scale-active);}
+
+.base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
+
+.base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
+
+.base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
+
+.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
+
+.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
+.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
+.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
+.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
+
+.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88{--plasma-chip-color:var(--plasma-combobox-chip-color);--plasma-chip-background:var(--plasma-combobox-chip-background);--plasma-chip-color-hover:var(--plasma-combobox-chip-color-hover);--plasma-chip-background-hover:var(--plasma-combobox-chip-background-hover);--plasma-chip-color-active:var(--plasma-combobox-chip-color-active);--plasma-chip-background-active:var(--plasma-combobox-chip-background-active);--plasma-chip-background-readonly:var(--plasma-combobox-chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-combobox-chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-combobox-chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-combobox-chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-combobox-chip-border-radius);--plasma-chip-width:var(--plasma-combobox-chip-width);--plasma-chip-height:var(--plasma-combobox-chip-height);--plasma-chip-padding-right:var(--plasma-combobox-chip-padding-right);--plasma-chip-padding-left:var(--plasma-combobox-chip-padding-left);--plasma-chip-font-family:var(--plasma-combobox-chip-font-family);--plasma-chip-font-size:var(--plasma-combobox-chip-font-size);--plasma-chip-font-style:var(--plasma-combobox-chip-font-style);--plasma-chip-font-weight:var(--plasma-combobox-chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-combobox-chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-combobox-chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-combobox-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-combobox-chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-combobox-chip-scale-hover);--plasma-chip-scale-active:var(--plasma-combobox-chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-combobox-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-combobox-chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-combobox-focus-color);position:relative;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-combobox-chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88.ComboboxChip_styles_1la9kkf_focusVisible__46a30e88:focus::before,.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-combobox-focus-color);}.ComboboxChip_styles_1la9kkf_s1u78lso__46a30e88[readonly]{opacity:var(--plasma-combobox-chip-opacity-readonly);}
+
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
+
+.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;cursor:pointer;box-sizing:border-box;height:var(--plasma-combobox-target-height);width:var(--plasma-combobox-target-width);overflow:hidden;border-radius:var(--plasma-combobox-target-radius);font-family:var(--plasma-combobox-target-font-family);font-size:var(--plasma-combobox-target-font-style);font-weight:var(--plasma-combobox-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-target-letter-spacing);letter-spacing:var(--plasma-combobox-target-letter-spacing);line-height:var(--plasma-combobox-target-line-height);color:var(--plasma-combobox-target-color);background-color:var(--s1f9n908-0);box-shadow:inset 0 0 0 0.0625rem var(--s1f9n908-1);padding:var(--plasma-combobox-target-with-input);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:visible;--plasma_private-combobox-focus-size:0.0625rem;position:relative;}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a:hover:not([disabled]):not([readonly]){background-color:var(--s1f9n908-2);box-shadow:inset 0 0 0 0.0625rem var(--s1f9n908-3);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a:active:not([disabled]):not([readonly]){background-color:var(--s1f9n908-4);box-shadow:inset 0 0 0 0.0625rem var(--s1f9n908-5);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a[disabled]{cursor:not-allowed;opacity:var(--plasma-combobox-disabled-opacity);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a[readonly]{cursor:default;}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a[readonly] .ComboboxTarget_styles_1htd0dz_comboboxButtonArrow__b9994d5a{opacity:0.4;}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a .ComboboxTarget_styles_1htd0dz_arrowInverse__b9994d5a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a.ComboboxTarget_styles_1htd0dz_hasChips__b9994d5a{padding:var(--plasma-combobox-target-padding-has-chips);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a.ComboboxTarget_styles_1htd0dz_innerLabelUp__b9994d5a .ComboboxTarget_styles_1htd0dz_comboboxTargetInput__b9994d5a,.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a.ComboboxTarget_styles_1htd0dz_innerLabelUp__b9994d5a .ComboboxTarget_styles_1htd0dz_comboboxTargetText__b9994d5a{top:var(--plasma-combobox-target-inner-top);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a.ComboboxTarget_styles_1htd0dz_innerLabelUp__b9994d5a .ComboboxTarget_styles_1htd0dz_comboboxButtonLabel__b9994d5a{top:var(--plasma-combobox-target-label-inner-top);font-family:var(--plasma-combobox-target-label-inner-font-family);font-size:var(--plasma-combobox-target-label-inner-font-family);font-style:var(--plasma-combobox-target-label-inner-font-style);font-weight:var(--plasma-combobox-target-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-combobox-target-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-target-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-target-label-inner-letter-spacing);letter-spacing:var(--plasma-combobox-target-label-inner-letter-spacing);line-height:var(--plasma-combobox-target-label-inner-line-height);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-combobox-focus-size));left:calc(-1 * var(--plasma_private-combobox-focus-size));right:calc(-1 * var(--plasma_private-combobox-focus-size));bottom:calc(-1 * var(--plasma_private-combobox-focus-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-combobox-focus-size) solid transparent;border-radius:calc(var(--plasma-combobox-target-radius) + var(--plasma_private-combobox-focus-size));-webkit-transition:none;transition:none;pointer-events:none;}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a:focus-within{box-shadow:none;background-color:var(--plasma-combobox-target-background-color-open);}.ComboboxTarget_styles_1htd0dz_s1f9n908__b9994d5a:focus-within::before{box-shadow:inset 0 0 0 var(--plasma_private-combobox-focus-size) var(--plasma-combobox-target-border-color-open);}
+.ComboboxTarget_styles_1htd0dz_s16n9w7y__b9994d5a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;right:var(--plasma-combobox-target-arrow-right);color:var(--plasma-combobox-target-arrow-color);}
+.ComboboxTarget_styles_1htd0dz_sw8s5yo__b9994d5a{font-family:var(--plasma-combobox-target-font-family);font-size:var(--plasma-combobox-target-font-size);font-style:var(--plasma-combobox-target-font-style);font-weight:var(--plasma-combobox-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-target-letter-spacing);letter-spacing:var(--plasma-combobox-target-letter-spacing);line-height:var(--plasma-combobox-target-line-height);overflow:scroll;position:relative;width:100%;height:var(--plasma-combobox-chip-height);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.ComboboxTarget_styles_1htd0dz_sw8s5yo__b9994d5a.ComboboxTarget_styles_1htd0dz_hasChips__b9994d5a{border-radius:var(--plasma-combobox-chip-border-radius);}.ComboboxTarget_styles_1htd0dz_sw8s5yo__b9994d5a::-webkit-scrollbar{display:none;}
+.ComboboxTarget_styles_1htd0dz_sys30py__b9994d5a{position:relative;color:var(--plasma-combobox-target-color);border:none;outline:none;caret-color:var(--plasma-combobox-focus-color);margin:0;padding:0;background:transparent;-webkit-flex:1;-ms-flex:1;flex:1;min-width:50%;font-family:inherit;font-size:inherit;font-weight:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.ComboboxTarget_styles_1htd0dz_sys30py__b9994d5a::-webkit-input-placeholder{color:var(--plasma-combobox-target-label-color);}.ComboboxTarget_styles_1htd0dz_sys30py__b9994d5a::-moz-placeholder{color:var(--plasma-combobox-target-label-color);}.ComboboxTarget_styles_1htd0dz_sys30py__b9994d5a:-ms-input-placeholder{color:var(--plasma-combobox-target-label-color);}.ComboboxTarget_styles_1htd0dz_sys30py__b9994d5a::placeholder{color:var(--plasma-combobox-target-label-color);}.ComboboxTarget_styles_1htd0dz_sys30py__b9994d5a:disabled{cursor:not-allowed;}
+.ComboboxTarget_styles_1htd0dz_s16hup6g__b9994d5a{position:absolute;font-family:inherit;font-size:inherit;font-weight:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;white-space:pre-wrap;visibility:hidden;overflow:hidden;}
+.ComboboxTarget_styles_1htd0dz_s3gbdjt__b9994d5a{white-space:nowrap;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-combobox-target-color);}
+.ComboboxTarget_styles_1htd0dz_s1camohz__b9994d5a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-combobox-chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.ComboboxTarget_styles_1htd0dz_s16upk0a__b9994d5a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-combobox-target-label-color);font-family:var(--plasma-combobox-target-font-family);font-size:var(--plasma-combobox-target-font-size);font-style:var(--plasma-combobox-target-font-style);font-weight:var(--plasma-combobox-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-target-letter-spacing);letter-spacing:var(--plasma-combobox-target-letter-spacing);line-height:var(--plasma-combobox-target-line-height);}
+
+.Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
+.Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
+
+.Combobox_styles_dw6hnk_sd7salz__1a7f1343{width:100%;position:relative;}.Combobox_styles_dw6hnk_sd7salz__1a7f1343 .Combobox_styles_dw6hnk_popoverWrapper__1a7f1343{display:block;}
+.Combobox_styles_dw6hnk_s1tp4xgb__1a7f1343{box-sizing:border-box;background:var(--plasma-combobox-background);box-shadow:var(--plasma-combobox-box-shadow);border-radius:var(--plasma-combobox-border-radius);width:var(--plasma-combobox-width);height:var(--plasma-combobox-height);padding:var(--plasma-combobox-padding-top) var(--plasma-combobox-padding-right) var(--plasma-combobox-padding-bottom) var(--plasma-combobox-padding-left);}
+.Combobox_styles_dw6hnk_s1fuzbs4__1a7f1343{display:block;}.Combobox_styles_dw6hnk_s1fuzbs4__1a7f1343 .Combobox_styles_dw6hnk_popoverRoot__1a7f1343,.Combobox_styles_dw6hnk_s1fuzbs4__1a7f1343 .Combobox_styles_dw6hnk_popoverTarget__1a7f1343{width:var(--s1fuzbs4-0);}
+.Combobox_styles_dw6hnk_c1bkz6yw__1a7f1343{text-align:center;padding:0.5rem;font-family:var(--plasma-combobox-item-font-family);font-size:var(--plasma-combobox-item-font-size);font-style:var(--plasma-combobox-item-font-style);font-weight:var(--plasma-combobox-item-letter-spacing);-webkit-letter-spacing:var(--plasma-combobox-item-line-height);-moz-letter-spacing:var(--plasma-combobox-item-line-height);-ms-letter-spacing:var(--plasma-combobox-item-line-height);letter-spacing:var(--plasma-combobox-item-line-height);line-height:var(--plasma-combobox-item-font-weight);}
+.Combobox_styles_dw6hnk_s1mwm6am__1a7f1343{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;color:transparent;border:none;outline:none;opacity:0;position:absolute;inset:0;}