@salutejs/plasma-new-hope 0.90.0-canary.1260.9580678742.0 → 0.91.0-canary.1233.9650661962.0

package/es/components/Dropdown/hooks/useKeyboardNavigation.js

@@ -30,14 +30,19 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
     closeOnSelect = _ref.closeOnSelect,
     onItemSelect = _ref.onItemSelect,
     onItemClick = _ref.onItemClick;
-  var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[path.length - 1]) || 0;
   var currentIndex = (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[focusedPath.length - 1]) || 0;
+  var currentLength = pathMap.get(path === null || path === void 0 ? void 0 : path[focusedPath.length - 1]) || 0;
   var onKeyDown = function onKeyDown(event) {
     switch (event.code) {
       case keys.ArrowUp:
         {
           if (focusedPath.length) {
             if (currentIndex > 0) {
+              if (path.length > focusedPath.length) {
+                dispatchPath({
+                  type: 'removed_last_level'
+                });
+              }
               dispatchFocusedPath({
                 type: 'change_last_focus',
                 value: currentIndex - 1
@@ -58,6 +63,11 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
         {
           if (focusedPath.length) {
             if (currentIndex + 1 < currentLength) {
+              if (path.length > focusedPath.length) {
+                dispatchPath({
+                  type: 'removed_last_level'
+                });
+              }
               dispatchFocusedPath({
                 type: 'change_last_focus',
                 value: currentIndex + 1
@@ -96,14 +106,17 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
           }
           var currentItem = getFurtherPath(focusedPath, focusedToValueMap);
           if (currentItem !== null && currentItem !== void 0 && currentItem.items) {
-            dispatchPath({
-              type: 'added_next_level',
-              value: currentItem.value.toString()
-            });
-            dispatchFocusedPath({
-              type: 'add_focus',
-              value: 0
-            });
+            if (path.length > focusedPath.length) {
+              dispatchFocusedPath({
+                type: 'add_focus',
+                value: 0
+              });
+            } else {
+              dispatchPath({
+                type: 'added_next_level',
+                value: currentItem.value.toString()
+              });
+            }
           }
           break;
         }
@@ -125,14 +138,17 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
             break;
           }
           if (_currentItem !== null && _currentItem !== void 0 && _currentItem.items) {
-            dispatchPath({
-              type: 'added_next_level',
-              value: _currentItem.value.toString()
-            });
-            dispatchFocusedPath({
-              type: 'add_focus',
-              value: 0
-            });
+            if (path.length > focusedPath.length) {
+              dispatchFocusedPath({
+                type: 'add_focus',
+                value: 0
+              });
+            } else {
+              dispatchPath({
+                type: 'added_next_level',
+                value: _currentItem.value.toString()
+              });
+            }
           } else {
             if (closeOnSelect) {
               handleGlobalToggle(false, event);
@@ -161,6 +177,11 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
       case keys.Home:
         {
           if (path[0]) {
+            if (path.length > focusedPath.length) {
+              dispatchPath({
+                type: 'removed_last_level'
+              });
+            }
             dispatchFocusedPath({
               type: 'change_last_focus',
               value: 0
@@ -179,6 +200,11 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
       case keys.End:
         {
           if (path[0]) {
+            if (path.length > focusedPath.length) {
+              dispatchPath({
+                type: 'removed_last_level'
+              });
+            }
             dispatchFocusedPath({
               type: 'change_last_focus',
               value: currentLength - 1
@@ -200,6 +226,11 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
           if (!path[0]) {
             break;
           }
+          if (path.length > focusedPath.length) {
+            dispatchPath({
+              type: 'removed_last_level'
+            });
+          }
           if (currentIndex <= JUMP_SIZE) {
             dispatchFocusedPath({
               type: 'change_last_focus',
@@ -218,6 +249,11 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
           if (!path[0]) {
             break;
           }
+          if (path.length > focusedPath.length) {
+            dispatchPath({
+              type: 'removed_last_level'
+            });
+          }
           if (currentLength - currentIndex <= JUMP_SIZE) {
             dispatchFocusedPath({
               type: 'change_last_focus',

package/es/components/Dropdown/hooks/useKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/Dropdown/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { KeyboardEvent } from 'react';\nimport type { Dispatch } from 'react';\n\nimport { PathAction, PathState } from '../reducers/pathReducer';\nimport { FocusedPathAction, FocusedPathState } from '../reducers/focusedPathReducer';\nimport { HandleGlobalToggleType, DropdownProps } from '../Dropdown.types';\n\nimport { PathMapType, FocusedToValueMapType } from './useHashMaps';\n\nconst JUMP_SIZE = 10;\n\nexport const keys = {\n    Enter: 'Enter',\n    Space: 'Space',\n    Tab: 'Tab',\n    Escape: 'Escape',\n    ArrowLeft: 'ArrowLeft',\n    ArrowRight: 'ArrowRight',\n    ArrowUp: 'ArrowUp',\n    ArrowDown: 'ArrowDown',\n    Home: 'Home',\n    End: 'End',\n    PageUp: 'PageUp',\n    PageDown: 'PageDown',\n};\n\nconst getFurtherPath = (focusedPath: FocusedPathState, focusedToValueMap: FocusedToValueMapType) => {\n    const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n\n    return focusedToValueMap.get(focusedPathAsString);\n};\n\ninterface Props {\n    focusedPath: FocusedPathState;\n    dispatchFocusedPath: Dispatch<FocusedPathAction>;\n    path: PathState;\n    dispatchPath: Dispatch<PathAction>;\n    pathMap: PathMapType;\n    focusedToValueMap: FocusedToValueMapType;\n    handleGlobalToggle: HandleGlobalToggleType;\n    closeOnSelect: DropdownProps['closeOnSelect'];\n    onItemSelect: DropdownProps['onItemSelect'];\n    onItemClick: DropdownProps['onItemClick'];\n}\n\ninterface ReturnedProps {\n    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n}\n\nexport const useKeyNavigation = ({\n    focusedPath,\n    dispatchFocusedPath,\n    path,\n    dispatchPath,\n    pathMap,\n    focusedToValueMap,\n    handleGlobalToggle,\n    closeOnSelect,\n    onItemSelect,\n    onItemClick,\n}: Props): ReturnedProps => {\n    const currentLength: number = pathMap.get(path?.[path.length - 1]) || 0;\n    const currentIndex: number = focusedPath?.[focusedPath.length - 1] || 0;\n\n    const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n        switch (event.code) {\n            case keys.ArrowUp: {\n                if (focusedPath.length) {\n                    if (currentIndex > 0) {\n                        dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - 1 });\n                    }\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.ArrowDown: {\n                if (focusedPath.length) {\n                    if (currentIndex + 1 < currentLength) {\n                        dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + 1 });\n                    }\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.ArrowLeft: {\n                if (focusedPath.length) {\n                    dispatchPath({ type: 'removed_last_level' });\n                    dispatchFocusedPath({ type: 'return_prev_focus' });\n                }\n\n                if (focusedPath.length === 1) {\n                    handleGlobalToggle(false, event);\n                }\n\n                break;\n            }\n\n            case keys.ArrowRight: {\n                if (!focusedPath.length) {\n                    break;\n                }\n\n                const currentItem = getFurtherPath(focusedPath, focusedToValueMap);\n\n                if (currentItem?.items) {\n                    dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n                    dispatchFocusedPath({ type: 'add_focus', value: 0 });\n                }\n\n                break;\n            }\n\n            case keys.Enter:\n            case keys.Space: {\n                event.preventDefault();\n\n                if (!path[0]) {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    break;\n                }\n\n                const currentItem = getFurtherPath(focusedPath, focusedToValueMap);\n\n                if (currentItem?.disabled || currentItem?.isDisabled) {\n                    break;\n                }\n\n                if (currentItem?.items) {\n                    dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n                    dispatchFocusedPath({ type: 'add_focus', value: 0 });\n                } else {\n                    if (closeOnSelect) {\n                        handleGlobalToggle(false, event);\n                    }\n\n                    if (onItemSelect && currentItem) {\n                        onItemSelect(currentItem, event);\n                    }\n\n                    if (onItemClick && currentItem) {\n                        onItemClick(currentItem, event);\n                    }\n                }\n\n                break;\n            }\n\n            case keys.Tab:\n            case keys.Escape: {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n                handleGlobalToggle(false, event);\n\n                break;\n            }\n\n            case keys.Home: {\n                if (path[0]) {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.End: {\n                if (path[0]) {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'change_last_focus', value: (pathMap.get('root') || 0) - 1 });\n\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.PageUp: {\n                if (!path[0]) {\n                    break;\n                }\n\n                if (currentIndex <= JUMP_SIZE) {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n                } else {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - JUMP_SIZE });\n                }\n\n                break;\n            }\n\n            case keys.PageDown: {\n                if (!path[0]) {\n                    break;\n                }\n\n                if (currentLength - currentIndex <= JUMP_SIZE) {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n                } else {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + JUMP_SIZE });\n                }\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return { onKeyDown };\n};\n"],"names":["JUMP_SIZE","keys","Enter","Space","Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","getFurtherPath","focusedPath","focusedToValueMap","focusedPathAsString","reduce","acc","n","concat","replace","get","useKeyNavigation","_ref","dispatchFocusedPath","path","dispatchPath","pathMap","handleGlobalToggle","closeOnSelect","onItemSelect","onItemClick","currentLength","length","currentIndex","onKeyDown","event","code","type","value","currentItem","items","toString","preventDefault","disabled","isDisabled"],"mappings":"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"}
+{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/Dropdown/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { KeyboardEvent } from 'react';\nimport type { Dispatch } from 'react';\n\nimport { PathAction, PathState } from '../reducers/pathReducer';\nimport { FocusedPathAction, FocusedPathState } from '../reducers/focusedPathReducer';\nimport { HandleGlobalToggleType, DropdownProps } from '../Dropdown.types';\n\nimport { PathMapType, FocusedToValueMapType } from './useHashMaps';\n\nconst JUMP_SIZE = 10;\n\nexport const keys = {\n    Enter: 'Enter',\n    Space: 'Space',\n    Tab: 'Tab',\n    Escape: 'Escape',\n    ArrowLeft: 'ArrowLeft',\n    ArrowRight: 'ArrowRight',\n    ArrowUp: 'ArrowUp',\n    ArrowDown: 'ArrowDown',\n    Home: 'Home',\n    End: 'End',\n    PageUp: 'PageUp',\n    PageDown: 'PageDown',\n};\n\nconst getFurtherPath = (focusedPath: FocusedPathState, focusedToValueMap: FocusedToValueMapType) => {\n    const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n\n    return focusedToValueMap.get(focusedPathAsString);\n};\n\ninterface Props {\n    focusedPath: FocusedPathState;\n    dispatchFocusedPath: Dispatch<FocusedPathAction>;\n    path: PathState;\n    dispatchPath: Dispatch<PathAction>;\n    pathMap: PathMapType;\n    focusedToValueMap: FocusedToValueMapType;\n    handleGlobalToggle: HandleGlobalToggleType;\n    closeOnSelect: DropdownProps['closeOnSelect'];\n    onItemSelect: DropdownProps['onItemSelect'];\n    onItemClick: DropdownProps['onItemClick'];\n}\n\ninterface ReturnedProps {\n    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n}\n\nexport const useKeyNavigation = ({\n    focusedPath,\n    dispatchFocusedPath,\n    path,\n    dispatchPath,\n    pathMap,\n    focusedToValueMap,\n    handleGlobalToggle,\n    closeOnSelect,\n    onItemSelect,\n    onItemClick,\n}: Props): ReturnedProps => {\n    const currentIndex: number = focusedPath?.[focusedPath.length - 1] || 0;\n    const currentLength: number = pathMap.get(path?.[focusedPath.length - 1]) || 0;\n\n    const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n        switch (event.code) {\n            case keys.ArrowUp: {\n                if (focusedPath.length) {\n                    if (currentIndex > 0) {\n                        if (path.length > focusedPath.length) {\n                            dispatchPath({ type: 'removed_last_level' });\n                        }\n\n                        dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - 1 });\n                    }\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.ArrowDown: {\n                if (focusedPath.length) {\n                    if (currentIndex + 1 < currentLength) {\n                        if (path.length > focusedPath.length) {\n                            dispatchPath({ type: 'removed_last_level' });\n                        }\n\n                        dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + 1 });\n                    }\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.ArrowLeft: {\n                if (focusedPath.length) {\n                    dispatchPath({ type: 'removed_last_level' });\n                    dispatchFocusedPath({ type: 'return_prev_focus' });\n                }\n\n                if (focusedPath.length === 1) {\n                    handleGlobalToggle(false, event);\n                }\n\n                break;\n            }\n\n            case keys.ArrowRight: {\n                if (!focusedPath.length) {\n                    break;\n                }\n\n                const currentItem = getFurtherPath(focusedPath, focusedToValueMap);\n\n                if (currentItem?.items) {\n                    if (path.length > focusedPath.length) {\n                        dispatchFocusedPath({ type: 'add_focus', value: 0 });\n                    } else {\n                        dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n                    }\n                }\n\n                break;\n            }\n\n            case keys.Enter:\n            case keys.Space: {\n                event.preventDefault();\n\n                if (!path[0]) {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n                    break;\n                }\n\n                const currentItem = getFurtherPath(focusedPath, focusedToValueMap);\n\n                if (currentItem?.disabled || currentItem?.isDisabled) {\n                    break;\n                }\n\n                if (currentItem?.items) {\n                    if (path.length > focusedPath.length) {\n                        dispatchFocusedPath({ type: 'add_focus', value: 0 });\n                    } else {\n                        dispatchPath({ type: 'added_next_level', value: currentItem.value.toString() });\n                    }\n                } else {\n                    if (closeOnSelect) {\n                        handleGlobalToggle(false, event);\n                    }\n\n                    if (onItemSelect && currentItem) {\n                        onItemSelect(currentItem, event);\n                    }\n\n                    if (onItemClick && currentItem) {\n                        onItemClick(currentItem, event);\n                    }\n                }\n\n                break;\n            }\n\n            case keys.Tab:\n            case keys.Escape: {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n                handleGlobalToggle(false, event);\n\n                break;\n            }\n\n            case keys.Home: {\n                if (path[0]) {\n                    if (path.length > focusedPath.length) {\n                        dispatchPath({ type: 'removed_last_level' });\n                    }\n\n                    dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'set_initial_focus' });\n\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.End: {\n                if (path[0]) {\n                    if (path.length > focusedPath.length) {\n                        dispatchPath({ type: 'removed_last_level' });\n                    }\n\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n                } else {\n                    dispatchPath({ type: 'opened_first_level' });\n                    dispatchFocusedPath({ type: 'change_last_focus', value: (pathMap.get('root') || 0) - 1 });\n\n                    handleGlobalToggle(true, event);\n                }\n\n                break;\n            }\n\n            case keys.PageUp: {\n                if (!path[0]) {\n                    break;\n                }\n\n                if (path.length > focusedPath.length) {\n                    dispatchPath({ type: 'removed_last_level' });\n                }\n\n                if (currentIndex <= JUMP_SIZE) {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: 0 });\n                } else {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex - JUMP_SIZE });\n                }\n\n                break;\n            }\n\n            case keys.PageDown: {\n                if (!path[0]) {\n                    break;\n                }\n\n                if (path.length > focusedPath.length) {\n                    dispatchPath({ type: 'removed_last_level' });\n                }\n\n                if (currentLength - currentIndex <= JUMP_SIZE) {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentLength - 1 });\n                } else {\n                    dispatchFocusedPath({ type: 'change_last_focus', value: currentIndex + JUMP_SIZE });\n                }\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return { onKeyDown };\n};\n"],"names":["JUMP_SIZE","keys","Enter","Space","Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","getFurtherPath","focusedPath","focusedToValueMap","focusedPathAsString","reduce","acc","n","concat","replace","get","useKeyNavigation","_ref","dispatchFocusedPath","path","dispatchPath","pathMap","handleGlobalToggle","closeOnSelect","onItemSelect","onItemClick","currentIndex","length","currentLength","onKeyDown","event","code","type","value","currentItem","items","toString","preventDefault","disabled","isDisabled"],"mappings":"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"}

package/es/components/Pagination/Pagination.css

@@ -58,52 +58,40 @@
 
 .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);}
 
-.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;}
-
-.Select_styles_1q3i6gw_spxbau6__08f2a797{width:100%;position:relative;}.Select_styles_1q3i6gw_spxbau6__08f2a797 .Select_styles_1q3i6gw_nativeSelectVisible__08f2a797{display:block;}.Select_styles_1q3i6gw_spxbau6__08f2a797 .Select_styles_1q3i6gw_popoverWrapper__08f2a797{display:block;}
-.Select_styles_1q3i6gw_s1yey2x3__08f2a797{box-sizing:border-box;overflow-y:auto;background:var(--plasma-select-background);box-shadow:var(--plasma-select-box-shadow);border-radius:var(--plasma-select-border-radius);width:var(--plasma-select-width);height:var(--plasma-select-height);padding:var(--plasma-select-padding-top) var(--plasma-select-padding-right) var(--plasma-select-padding-bottom) var(--plasma-select-padding-left);}
-.Select_styles_1q3i6gw_svro45w__08f2a797{display:block;}.Select_styles_1q3i6gw_svro45w__08f2a797 .Select_styles_1q3i6gw_popoverRoot__08f2a797,.Select_styles_1q3i6gw_svro45w__08f2a797 .Select_styles_1q3i6gw_popoverTarget__08f2a797{width:var(--svro45w-0);}
-.Select_styles_1q3i6gw_sgpldc9__08f2a797{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:1;position:absolute;inset:-0.125rem;z-index:1;cursor:var(--sgpldc9-0);font-size:1rem;}.Select_styles_1q3i6gw_sgpldc9__08f2a797:hover:not(:disabled) + .Select_styles_1q3i6gw_popoverWrapper__08f2a797 .Select_styles_1q3i6gw_selectTarget__08f2a797{background:var(--plasma-select-target-background-color-hover);}.Select_styles_1q3i6gw_sgpldc9__08f2a797:focus-visible{border-radius:var(--plasma-select-border-radius);box-shadow:0 0 0 0.0625rem var(--plasma-select-focus-color);}
-
-.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);}
+.base_x252cy_b17hdes8__856a05b7 input[type='checkbox']:indeterminate + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}.base_x252cy_b17hdes8__856a05b7 input:checked + .base_x252cy_s1u3nd7e__856a05b7 .base_x252cy_sft3zxv__856a05b7{border:none;background:var(--plasma-checkbox-fill-color);border-color:var(--plasma-checkbox-fill-color);}
 
-.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);}
+.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{opacity:var(--plasma-checkbox-disabled-opacity);}.base_1krdtt6_bxbqqc3__2d5e2cdd input:disabled + .base_1krdtt6_s1u3nd7e__2d5e2cdd{cursor:not-allowed;}
 
-.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);}
+.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059.base_hr4zpz_focusVisible__d6390059:focus::before,.base_hr4zpz_b1y5wkm1__d6390059 .base_hr4zpz_checkboxTrigger__d6390059[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem transparent;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059{border-color:transparent;position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::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.125rem solid transparent;border-radius:var(--plasma-checkbox-trigger-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added] + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.125rem var(--plasma-checkbox-focus-color);}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059{position:relative;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::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.063rem solid transparent;border-radius:calc(var(--plasma-checkbox-trigger-border-radius) + 0.125rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_hr4zpz_b1y5wkm1__d6390059 input[data-focus-visible-added]:checked + label .base_hr4zpz_checkboxTrigger__d6390059::before,.base_hr4zpz_b1y5wkm1__d6390059 input[type='checkbox'][data-focus-visible-added]:indeterminate + label .base_hr4zpz_checkboxTrigger__d6390059::before{box-shadow:0 0 0 0.063rem var(--plasma-checkbox-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;}
+.Checkbox_styles_1266095_b1udywkg__e7223270{margin:var(--plasma-checkbox-margin);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;}.Checkbox_styles_1266095_b1udywkg__e7223270 .Checkbox_styles_1266095_singleLine__e7223270{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Checkbox_styles_1266095_s165w87d__e7223270{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);}.Checkbox_styles_1266095_s165w87d__e7223270:focus{outline:0 none;}
+.Checkbox_styles_1266095_sft3zxv__e7223270{margin:var(--plasma-checkbox-trigger-margin);width:var(--plasma-checkbox-trigger-size);height:var(--plasma-checkbox-trigger-size);border-radius:var(--plasma-checkbox-trigger-border-radius);position:relative;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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:0.125rem solid var(--plasma-checkbox-trigger-border-color);box-sizing:border-box;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}input:not(:indeterminate) + label .Checkbox_styles_1266095_sft3zxv__e7223270 div{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 0.15s ease-in-out;-webkit-transition:transform 0.15s ease-in-out;transition:transform 0.15s ease-in-out;}input:checked + label .Checkbox_styles_1266095_sft3zxv__e7223270 div{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
+.Checkbox_styles_1266095_s1u3nd7e__e7223270{position:relative;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:inherit;}
+.Checkbox_styles_1266095_shwv1in__e7223270{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:var(--plasma-checkbox-content-top-offset);margin-left:var(--plasma-checkbox-content-left-offset);}
+.Checkbox_styles_1266095_s1my1ay__e7223270{font-family:var(--plasma-checkbox-label-font-family);font-size:var(--plasma-checkbox-label-font-size);font-style:var(--plasma-checkbox-label-font-style);font-weight:var(--plasma-checkbox-label-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-label-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-label-letter-spacing);letter-spacing:var(--plasma-checkbox-label-letter-spacing);line-height:var(--plasma-checkbox-label-line-height);}
+.Checkbox_styles_1266095_s14u8fnn__e7223270{margin-top:var(--plasma-checkbox-description-margin-top);color:var(--plasma-checkbox-description-color);font-family:var(--plasma-checkbox-description-font-family);font-size:var(--plasma-checkbox-description-font-size);font-style:var(--plasma-checkbox-description-font-style);font-weight:var(--plasma-checkbox-description-font-weight);-webkit-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-moz-letter-spacing:var(--plasma-checkbox-description-letter-spacing);-ms-letter-spacing:var(--plasma-checkbox-description-letter-spacing);letter-spacing:var(--plasma-checkbox-description-letter-spacing);line-height:var(--plasma-checkbox-description-line-height);}.Checkbox_styles_1266095_s14u8fnn__e7223270.Checkbox_styles_1266095_onlyDescription__e7223270{margin-top:0;}
 
-.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);}
+.Indicator_styles_v8giip_b5hgwnm__ffd4472f{border-radius:100%;}
 
-.SelectDivider_styles_673hj6_m116nlyk__b8f8cb38{--plasma-dropdown-divider-color:var(--plasma-select-divider-color);--plasma-dropdown-divider-width:var(--plasma-select-divider-width);--plasma-dropdown-divider-height:var(--plasma-select-divider-height);--plasma-dropdown-divider-margin-top:var(--plasma-select-divider-margin-top);--plasma-dropdown-divider-margin-right:var(--plasma-select-divider-margin-right);--plasma-dropdown-divider-margin-bottom:var(--plasma-select-divider-margin-bottom);--plasma-dropdown-divider-margin-left:var(--plasma-select-divider-margin-left);}
+.base_1rjb5ly_bu942ai__5ed616c0{background-color:var(--plasma-indicator-color);}
 
-.SelectFooter_styles_11hk6tt_m6xrqag__4c3c8444{--plasma-dropdown-footer-background:var(--plasma-select-footer-background);--plasma-dropdown-footer-width:var(--plasma-select-footer-width);--plasma-dropdown-footer-height:var(--plasma-select-footer-height);--plasma-dropdown-footer-padding-top:var(--plasma-select-footer-padding-top);--plasma-dropdown-footer-padding-right:var(--plasma-select-footer-padding-right);--plasma-dropdown-footer-padding-bottom:var(--plasma-select-footer-padding-bottom);--plasma-dropdown-footer-padding-left:var(--plasma-select-footer-padding-left);--plasma-dropdown-footer-margin-top:var(--plasma-select-footer-margin-top);--plasma-dropdown-footer-margin-right:var(--plasma-select-footer-margin-right);--plasma-dropdown-footer-margin-bottom:var(--plasma-select-footer-margin-bottom);--plasma-dropdown-footer-margin-left:var(--plasma-select-footer-margin-left);--plasma-dropdown-footer-font-family:var(--plasma-select-footer-font-family);--plasma-dropdown-footer-font-size:var(--plasma-select-footer-font-size);--plasma-dropdown-footer-font-style:var(--plasma-select-footer-font-style);--plasma-dropdown-footer-letter-spacing:var(--plasma-select-footer-letter-spacing);--plasma-dropdown-footer-line-height:var(--plasma-select-footer-line-height);--plasma-dropdown-footer-font-weight:var(--plasma-select-footer-font-weight);}
+.base_7436cm_b17chi2r__254eb615{height:var(--plasma-indicator-size);width:var(--plasma-indicator-size);}
 
-.SelectGroup_styles_mktu7e_mzf21dv__c0ea3524{--plasma-dropdown-group-background:var(--plasma-select-group-background);--plasma-dropdown-group-width:var(--plasma-select-group-width);--plasma-dropdown-group-height:var(--plasma-select-group-height);--plasma-dropdown-group-padding-top:var(--plasma-select-group-padding-top);--plasma-dropdown-group-padding-right:var(--plasma-select-group-padding-right);--plasma-dropdown-group-padding-bottom:var(--plasma-select-group-padding-bottom);--plasma-dropdown-group-padding-left:var(--plasma-select-group-padding-left);--plasma-dropdown-group-margin-top:var(--plasma-select-group-margin-top);--plasma-dropdown-group-margin-right:var(--plasma-select-group-margin-right);--plasma-dropdown-group-margin-bottom:var(--plasma-select-group-margin-bottom);--plasma-dropdown-group-margin-left:var(--plasma-select-group-margin-left);--plasma-dropdown-group-label-font-family:var(--plasma-select-group-label-font-family);--plasma-dropdown-group-label-font-size:var(--plasma-select-group-label-font-size);--plasma-dropdown-group-label-font-style:var(--plasma-select-group-label-font-style);--plasma-dropdown-group-label-font-weight:var(--plasma-select-group-label-font-weight);--plasma-dropdown-group-label-letter-spacing:var(--plasma-select-group-label-letter-spacing);--plasma-dropdown-group-label-line-height:var(--plasma-select-group-label-line-height);--plasma-dropdown-group-label-color:var(--plasma-select-group-label-color);--plasma-dropdown-group-label-padding-top:var(--plasma-select-group-label-padding-top);--plasma-dropdown-group-label-padding-right:var(--plasma-select-group-label-padding-right);--plasma-dropdown-group-label-padding-bottom:var(--plasma-select-group-label-padding-bottom);--plasma-dropdown-group-label-padding-left:var(--plasma-select-group-label-padding-left);--plasma-dropdown-group-label-margin-top:var(--plasma-select-group-label-margin-top);--plasma-dropdown-group-label-margin-right:var(--plasma-select-group-label-margin-right);--plasma-dropdown-group-label-margin-bottom:var(--plasma-select-group-label-margin-bottom);--plasma-dropdown-group-label-margin-left:var(--plasma-select-group-label-margin-left);}
+.Item_styles_545sy7_sw519pr__b99228e8{--plasma-checkbox-trigger-size:var(--plasma-select-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-select-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--plasma-select-checkbox-fill-color);--plasma-checkbox-icon-color:var(--plasma-select-checkbox-icon-color);--plasma-checkbox-trigger-border-color:var(--plasma-select-checkbox-trigger-border-color);}
+.Item_styles_545sy7_sywiq3e__b99228e8{--plasma-indicator-size:var(--plasma-select-indicator-size);--plasma-indicator-color:var(--plasma-select-checkbox-fill-color);}
+.Item_styles_545sy7_s12cl9ix__b99228e8{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Item_styles_545sy7_s1stf08b__b99228e8{margin-left:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.Item_styles_545sy7_dbxrye__b99228e8{line-height:0;color:var(--text-secondary);}.Item_styles_545sy7_dbxrye__b99228e8:hover{color:var(--text-secondary-hover);}
+.Item_styles_545sy7_ijzon79__b99228e8{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-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--ijzon79-0);height:var(--ijzon79-0);margin:var(--plasma-select-item-icon-margin);line-height:0;color:var(--plasma-select-checkbox-fill-color);}.Item_styles_545sy7_ijzon79__b99228e8 .Item_styles_545sy7_selectItemCheckbox__b99228e8{--plasma-checkbox-trigger-size:var(--ijzon79-1);--plasma-checkbox-trigger-border-radius:var(--ijzon79-2);}
+.Item_styles_545sy7_s1vkcneb__b99228e8{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.Item_styles_545sy7_w1nwrhpk__b99228e8{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;min-height:var(--plasma-select-item-height);margin:0;box-sizing:content-box;padding:var(--w1nwrhpk-0);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);background:var(--plasma-colors-transparent);color:var(--text-primary);border-radius:var(--plasma-select-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.Item_styles_545sy7_w1nwrhpk__b99228e8:hover:not(.Item_styles_545sy7_dropdownItemIsDisabled__b99228e8){cursor:pointer;background:var(--surface-transparent-secondary);}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsActive__b99228e8{background:var(--surface-transparent-secondary);}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsDisabled__b99228e8{opacity:0.4;cursor:not-allowed;}.Item_styles_545sy7_w1nwrhpk__b99228e8:focus{outline:none;}.Item_styles_545sy7_w1nwrhpk__b99228e8::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-select-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.Item_styles_545sy7_w1nwrhpk__b99228e8.Item_styles_545sy7_dropdownItemIsFocused__b99228e8:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
 
-.SelectHeader_styles_24gqog_m1tqc9mt__2df5b6b6{--plasma-dropdown-header-background:var(--plasma-select-header-background);--plasma-dropdown-header-width:var(--plasma-select-header-width);--plasma-dropdown-header-height:var(--plasma-select-header-height);--plasma-dropdown-header-padding-top:var(--plasma-select-header-padding-top);--plasma-dropdown-header-padding-right:var(--plasma-select-header-padding-right);--plasma-dropdown-header-padding-bottom:var(--plasma-select-header-padding-bottom);--plasma-dropdown-header-padding-left:var(--plasma-select-header-padding-left);--plasma-dropdown-header-margin-top:var(--plasma-select-header-margin-top);--plasma-dropdown-header-margin-right:var(--plasma-select-header-margin-right);--plasma-dropdown-header-margin-bottom:var(--plasma-select-header-margin-bottom);--plasma-dropdown-header-margin-left:var(--plasma-select-header-margin-left);--plasma-dropdown-header-font-family:var(--plasma-select-header-font-family);--plasma-dropdown-header-font-size:var(--plasma-select-header-font-size);--plasma-dropdown-header-font-style:var(--plasma-select-header-font-style);--plasma-dropdown-header-letter-spacing:var(--plasma-select-header-letter-spacing);--plasma-dropdown-header-line-height:var(--plasma-select-header-line-height);--plasma-dropdown-header-font-weight:var(--plasma-select-header-font-weight);}
-
-.SelectItem_styles_vk39mp_bhy25de__bb65e3c1{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);--plasma-dropdown-item-background:var(--plasma-select-item-background);--plasma-dropdown-item-color:var(--plasma-select-item-color);--plasma-dropdown-item-background-hover:var(--plasma-select-item-background-hover);--plasma-dropdown-item-background-selected:var(--plasma-select-item-background-selected);--plasma-dropdown-item-color-selected:var(--plasma-select-item-color-selected);--plasma-dropdown-item-background-selected-hover:var(--plasma-select-item-background-selected-hover);--plasma-dropdown-item-color-selected-hover:var(--plasma-select-item-color-selected-hover);--plasma-dropdown-item-content-left-color:var(--plasma-select-item-content-left-color);--plasma-dropdown-item-content-right-color:var(--plasma-select-item-content-right-color);--plasma-dropdown-disabled-opacity:var(--plasma-select-disabled-opacity);--plasma-dropdown-focus-color:var(--plasma-select-focus-color);--plasma-dropdown-item-width:var(--plasma-select-item-width);--plasma-dropdown-item-height:var(--plasma-select-item-height);--plasma-dropdown-item-border-radius:var(--plasma-select-item-border-radius);--plasma-dropdown-item-padding-top:var(--plasma-select-item-padding-top);--plasma-dropdown-item-padding-right:var(--plasma-select-item-padding-right);--plasma-dropdown-item-padding-bottom:var(--plasma-select-item-padding-bottom);--plasma-dropdown-item-padding-left:var(--plasma-select-item-padding-left);--plasma-dropdown-item-margin-top:var(--plasma-select-item-margin-top);--plasma-dropdown-item-margin-right:var(--plasma-select-item-margin-right);--plasma-dropdown-item-margin-bottom:var(--plasma-select-item-margin-bottom);--plasma-dropdown-item-margin-left:var(--plasma-select-item-margin-left);--plasma-dropdown-item-font-family:var(--plasma-select-item-font-family);--plasma-dropdown-item-font-size:var(--plasma-select-item-font-size);--plasma-dropdown-item-font-style:var(--plasma-select-item-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-select-item-letter-spacing);--plasma-dropdown-item-line-height:var(--plasma-select-item-line-height);--plasma-dropdown-item-font-weight:var(--plasma-select-item-font-weight);--plasma-dropdown-item-content-left-width:var(--plasma-select-item-content-left-width);--plasma-dropdown-item-content-right-width:var(--plasma-select-item-content-right-width);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1:focus{outline:none;}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1::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;}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_focusVisible__bb65e3c1:focus::before,.SelectItem_styles_vk39mp_bhy25de__bb65e3c1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-dropdown-focus-color);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1:hover:not(.SelectItem_styles_vk39mp_dropdownItemIsDisabled__bb65e3c1){cursor:pointer;background:var(--plasma-dropdown-item-background-hover);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_dropdownItemIsSelected__bb65e3c1{color:var(--plasma-dropdown-item-color-selected);background:var(--plasma-dropdown-item-background-selected);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_dropdownItemIsSelected__bb65e3c1:hover:not(.SelectItem_styles_vk39mp_dropdownItemIsDisabled__bb65e3c1){background:var(--plasma-dropdown-item-background-selected-hover);}.SelectItem_styles_vk39mp_bhy25de__bb65e3c1.SelectItem_styles_vk39mp_dropdownItemIsDisabled__bb65e3c1{opacity:var(--plasma-dropdown-disabled-opacity);cursor:not-allowed;}
+.Button_styles_1r519o1_s1n7gats__2349e77a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
+.Button_styles_1r519o1_isdqa5a__2349e77a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1r519o1_isdqa5a__2349e77a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1r519o1_isdqa5a__2349e77a:active{color:var(--plasma-select-target-button-arrow-color-active);}
+.Button_styles_1r519o1_s1yfglds__2349e77a{-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;}
+.Button_styles_1r519o1_brzvbcx__2349e77a{display:inline;}.Button_styles_1r519o1_brzvbcx__2349e77a .Button_styles_1r519o1_selectWithoutBoxShadow__2349e77a::before{box-shadow:none !important;}
+.Button_styles_1r519o1_logt3wm__2349e77a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1r519o1_logt3wm__2349e77a .Button_styles_1r519o1_arrowInverse__2349e77a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
 
 .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);}
 
@@ -123,16 +111,37 @@
 .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);}
 
-.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-color-hover:var(--plasma-select-chip-color-hover);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-color-active:var(--plasma-select-chip-color-active);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-background-readonly:var(--plasma-select-chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-select-chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-select-chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-select-chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-width:var(--plasma-select-chip-width);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-chip-font-family);--plasma-chip-font-size:var(--plasma-select-chip-font-size);--plasma-chip-font-style:var(--plasma-select-chip-font-style);--plasma-chip-font-weight:var(--plasma-select-chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-select-chip-scale-hover);--plasma-chip-scale-active:var(--plasma-select-chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-select-focus-color);position:relative;}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1::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-select-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;}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1.SelectChip_styles_1u4uw04_focusVisible__c23911c1:focus::before,.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-select-focus-color);}.SelectChip_styles_1u4uw04_s1eowjbp__c23911c1[readonly]{opacity:var(--plasma-select-chip-opacity-readonly);}
+.Chip_styles_k6znfr_s19m2v6c__1d0542ff{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff.Chip_styles_k6znfr_selectChipIsFocused__1d0542ff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
+
+.Textfield_styles_hp8mkt_t1i096k1__c4a1a37b{display:inline;}.Textfield_styles_hp8mkt_t1i096k1__c4a1a37b .Textfield_styles_hp8mkt_selectTextfieldTarget__c4a1a37b{background:var(--t1i096k1-0);padding:var(--t1i096k1-1);}.Textfield_styles_hp8mkt_t1i096k1__c4a1a37b .Textfield_styles_hp8mkt_selectWithoutBoxShadow__c4a1a37b::before{box-shadow:none !important;}
+.Textfield_styles_hp8mkt_s1m7a2v8__c4a1a37b{--plasma-button-color:var(--text-primary);--plasma-button-color-hover:var(--text-primary);--plasma-button-color-active:var(--text-primary);--plasma-button-background-color:var(--plasma-select-target-textfield-background-color);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-textfield-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:var(--plasma-select-font-weight);--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);position:relative;}.Textfield_styles_hp8mkt_s1m7a2v8__c4a1a37b::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-select-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Textfield_styles_hp8mkt_s1m7a2v8__c4a1a37b.Textfield_styles_hp8mkt_focusVisible__c4a1a37b:focus::before,.Textfield_styles_hp8mkt_s1m7a2v8__c4a1a37b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem --surface-accent;}
+
+.Textfield_styles_hp8mkt_i1tkb6dn__c4a1a37b{line-height:0;margin:var(--plasma-select-target-textfield-arrow-margin);color:var(--plasma-select-target-textfield-arrow-color);}.Textfield_styles_hp8mkt_i1tkb6dn__c4a1a37b:hover{color:var(--plasma-select-target-textfield-arrow-color-hover);}.Textfield_styles_hp8mkt_i1tkb6dn__c4a1a37b:active{color:var(--plasma-select-target-textfield-arrow-color-active);}
+.Textfield_styles_hp8mkt_wc205mm__c4a1a37b{width:100%;height:100%;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-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.Textfield_styles_hp8mkt_wc205mm__c4a1a37b .Textfield_styles_hp8mkt_arrowInverse__c4a1a37b{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
+.Textfield_styles_hp8mkt_coaceep__c4a1a37b{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-width:0;padding:calc(0.0625rem + var(--plasma-select-focus-offset));gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(--plasma-select-chip-border-radius);border-bottom-right-radius:var(--plasma-select-chip-border-radius);-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.Textfield_styles_hp8mkt_coaceep__c4a1a37b::-webkit-scrollbar{display:none;}
+.Textfield_styles_hp8mkt_lp4c7y3__c4a1a37b{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
+.Textfield_styles_hp8mkt_pwy2nbe__c4a1a37b{color:var(--text-secondary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
+.Textfield_styles_hp8mkt_ib53o3b__c4a1a37b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;row-gap:var(--plasma-select-inner-label-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
+.Textfield_styles_hp8mkt_ik0gt8g__c4a1a37b{color:var(--text-secondary);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);text-align:left;}
+.Textfield_styles_hp8mkt_cbv75m4__c4a1a37b{-webkit-flex:none;-ms-flex:none;flex:none;margin-left:-2px;margin-right:6px;line-height:0;}
+.Textfield_styles_hp8mkt_v168vqsi__c4a1a37b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+
+.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;}
+
+.Select_styles_zx0ztg_spxbau6__ae62f9d8 .Select_styles_zx0ztg_popoverRoot__ae62f9d8,.Select_styles_zx0ztg_spxbau6__ae62f9d8 .Select_styles_zx0ztg_popoverTarget__ae62f9d8{width:100%;}
+.Select_styles_zx0ztg_u1yey2x3__ae62f9d8{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:var(--shadow-down-soft-s);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
+.Select_styles_zx0ztg_bvro45w__ae62f9d8 .Select_styles_zx0ztg_popoverWrapper__ae62f9d8,.Select_styles_zx0ztg_bvro45w__ae62f9d8 .Select_styles_zx0ztg_popoverTarget__ae62f9d8{display:block;}
+.Select_styles_zx0ztg_ogpldc9__ae62f9d8{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
+.Select_styles_zx0ztg_h2ef052__ae62f9d8{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
 
-.SelectTarget_styles_hb1tns_su9kdfl__864110c9{--plasma-button-disabled-opacity:var(--plasma-select-disabled-opacity);--plasma-button-color:var(--plasma-select-target-color);--plasma-button-background-color:var(--su9kdfl-0);--plasma-button-background-color-hover:var(--su9kdfl-1);--plasma-button-background-color-active:var(--su9kdfl-2);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:var(--plasma-select-target-width);--plasma-button-radius:var(--plasma-select-target-radius);--plasma-button-font-family:var(--plasma-select-target-font-family);--plasma-button-font-size:var(--plasma-select-target-font-size);--plasma-button-font-style:var(--plasma-select-target-font-style);--plasma-button-font-weight:var(--plasma-select-target-font-weight);--plasma-button-letter-spacing:var(--plasma-select-target-letter-spacing);--plasma-button-line-height:var(--plasma-select-target-line-height);--plasma-button-focus-color:var(--plasma-select-focus-color);box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-3);padding:var(--su9kdfl-6);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;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9:hover:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-4);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9:active:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem var(--su9kdfl-5);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9[readonly]{cursor:default;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9[readonly] .SelectTarget_styles_hb1tns_selectTargetArrow__864110c9{opacity:0.4;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9 .SelectTarget_styles_hb1tns_arrowInverse__864110c9{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasChips__864110c9{padding:var(--plasma-select-target-padding-has-chips);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_innerLabelUp__864110c9 .SelectTarget_styles_hb1tns_selectTargetText__864110c9{top:var(--plasma-select-target-inner-top);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_innerLabelUp__864110c9 .SelectTarget_styles_hb1tns_selectTargetLabel__864110c9{top:var(--plasma-select-target-label-inner-top);font-family:var(--plasma-select-target-label-inner-font-family);font-size:var(--plasma-select-target-label-inner-font-family);font-style:var(--plasma-select-target-label-inner-font-style);font-weight:var(--plasma-select-target-label-inner-font-weight);-webkit-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-moz-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);-ms-letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);letter-spacing:var(--plasma-select-target-label-inner-letter-spacing);line-height:var(--plasma-select-target-label-inner-line-height);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9{--plasma_private-combobox-focus-size:0.0625rem;position:relative;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9::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-select-target-radius) + var(--plasma_private-combobox-focus-size));-webkit-transition:none;transition:none;pointer-events:none;}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9:focus-within{box-shadow:none;background-color:var(--plasma-select-target-background-color-open);}.SelectTarget_styles_hb1tns_su9kdfl__864110c9.SelectTarget_styles_hb1tns_hasNoFocus__864110c9:focus-within::before{box-shadow:inset 0 0 0 var(--plasma_private-combobox-focus-size) var(--plasma-select-target-border-color-open);}
-.SelectTarget_styles_hb1tns_s1wmzhh1__864110c9{-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-select-target-arrow-right);color:var(--plasma-select-target-arrow-color);}
-.SelectTarget_styles_hb1tns_sr2fcv2__864110c9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--plasma-select-target-color);}
-.SelectTarget_styles_hb1tns_s9qj25q__864110c9{border-radius:var(--plasma-select-chip-border-radius);overflow:scroll;position:relative;width:100%;height:var(--plasma-select-chip-height);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-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.SelectTarget_styles_hb1tns_s9qj25q__864110c9::-webkit-scrollbar{display:none;}
-.SelectTarget_styles_hb1tns_s11wt6x2__864110c9{overflow:visible;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-select-chip-gap);position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.SelectTarget_styles_hb1tns_s1xu52l7__864110c9{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-select-target-label-color);font-family:var(--plasma-select-target-font-family);font-size:var(--plasma-select-target-font-size);font-style:var(--plasma-select-target-font-style);font-weight:var(--plasma-select-target-font-weight);-webkit-letter-spacing:var(--plasma-select-target-letter-spacing);-moz-letter-spacing:var(--plasma-select-target-letter-spacing);-ms-letter-spacing:var(--plasma-select-target-letter-spacing);letter-spacing:var(--plasma-select-target-letter-spacing);line-height:var(--plasma-select-target-line-height);}
+.SelectNotFoundContent_styles_r1sne_s9rq5i__04f00d06{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-height:var(--plasma-select-target-height);--plasma-button-padding:0;--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);}
+.SelectNotFoundContent_styles_r1sne_w1tnxi4r__04f00d06{background:var(--surface-solid-card);box-shadow:var(--shadow-down-soft-s);border-radius:var(--plasma-select-border-radius);padding:var(--plasma-select-padding);}
+.SelectNotFoundContent_styles_r1sne_c17jtu5__04f00d06{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;box-sizing:border-box;padding:var(--plasma-select-not-found-content-padding);}
+.SelectNotFoundContent_styles_r1sne_d1dcslek__04f00d06{margin-top:var(--plasma-select-not-found-content-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
 
-.PaginationSelectPerPage_styles_rtehle_s1e57mfu__ab0b3d6d{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;}
-.PaginationSelectPerPage_styles_rtehle_s5dck5y__ab0b3d6d{--plasma-select-target-color:var(--plasma-pagination-button-color);--plasma-select-target-label-color:var(--plasma-pagination-button-color);--plasma-select-target-arrow-color:var(--plasma-pagination-button-color);--plasma-select-target-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-background-color-open:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-font-weight:var(--plasma-pagination-font-weight) !important;--plasma-select-target-arrow-right:var(--plasma-pagination-select-target-arrow-right);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-width:var(--plasma-pagination-select-target-width);--plasma-select-target-radius:var(--plasma-pagination-button-radius);--plasma-select-target-padding:var(--plasma-pagination-select-target-padding);--plasma-select-target-padding-has-chips:var(--plasma-pagination-select-target-padding-has-chips);--plasma-select-target-with-input:var(--plasma-pagination-select-target-padding-with-input);--plasma-select-target-inner-top:var(--plasma-pagination-select-target-inner-top);--plasma-select-target-label-inner-top:var(--plasma-pagination-select-target-label-inner-top);--plasma-select-target-font-family:var(--plasma-pagination-font-family);--plasma-select-target-font-size:var(--plasma-pagination-font-size);--plasma-select-target-font-style:var(--plasma-pagination-font-style);--plasma-select-target-font-weight:var(--plasma-pagination-font-weight);--plasma-select-target-label-inner-font-family:var(--plasma-pagination-font-family);--plasma-select-target-label-inner-font-family:var(--plasma-pagination-font-size);--plasma-select-target-label-inner-font-style:var(--plasma-pagination-font-style);--plasma-select-target-label-inner-font-weight:var(--plasma-pagination-font-weight);--plasma-select-width:var(--plasma-pagination-select-width);--plasma-select-height:var(--plasma-pagination-select-height);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-padding-top:var(--plasma-pagination-select-padding-top);--plasma-select-padding-right:var(--plasma-pagination-select-padding-right);--plasma-select-padding-bottom:var(--plasma-pagination-select-padding-bottom);--plasma-select-padding-left:var(--plasma-pagination-select-padding-left);--plasma-select-background:var(--plasma-pagination-select-bg-color);--plasma-select-box-shadow:var(--shadow-down-soft-s);}
-.PaginationSelectPerPage_styles_rtehle_squvg2e__ab0b3d6d{--plasma-select-item-width:var(--plasma-pagination-select-item-width);--plasma-select-item-height:var(--plasma-pagination-select-item-height);--plasma-select-item-padding-top:var(--plasma-pagination-select-item-padding-top);--plasma-select-item-padding-right:var(--plasma-pagination-select-item-padding-right);--plasma-select-item-padding-bottom:var(--plasma-pagination-select-item-padding-bottom);--plasma-select-item-padding-left:var(--plasma-pagination-select-item-padding-left);--plasma-select-item-border-radius:var(--plasma-pagination-button-radius);--plasma-select-item-content-left-width:var(--plasma-pagination-select-item-content-left-width);--plasma-select-item-font-family:var(--plasma-pagination-font-family);--plasma-select-item-font-size:var(--plasma-pagination-font-size);--plasma-select-item-font-style:var(--plasma-pagination-font-style);--plasma-select-item-letter-spacing:var(--plasma-pagination-font-weight);--plasma-select-item-line-height:var(--plasma-pagination-letter-spacing);--plasma-select-item-font-weight:var(--plasma-pagination-line-height);--plasma-select-item-background:var(--plasma-pagination-select-item-bg-color);--plasma-select-item-background-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-item-background-selected-hover:var(--plasma-pagination-button-bg-color-active);--plasma-select-item-color:var(--plasma-pagination-button-color);--plasma-select-item-content-left-color:var(--plasma-pagination-button-color);--plasma-select-item-background-selected:var(--plasma-pagination-button-bg-color-hover);--plasma-select-item-color-selected:var(--plasma-pagination-button-color);}
-.PaginationSelectPerPage_styles_rtehle_sbiht1s__ab0b3d6d{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}
+.PaginationSelectPerPage_styles_187mk6b_s1e57mfu__a3b3456a{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;}
+.PaginationSelectPerPage_styles_187mk6b_s5dck5y__a3b3456a{--plasma-select-target-button-color:var(--plasma-pagination-button-color);--plasma-select-target-button-color-hover:var(--plasma-pagination-button-color-hover);--plasma-select-target-button-color-active:var(--plasma-pagination-button-color-active);--plasma-select-target-button-background-color:var(--plasma-pagination-button-bg-color);--plasma-select-target-button-background-color-hover:var(--plasma-pagination-button-bg-color-hover);--plasma-select-target-button-background-color-active:var(--plasma-pagination-button-bg-color-active);--plasma-select-target-height:var(--plasma-pagination-button-height);--plasma-select-target-button-padding:var(--plasma-pagination-select-target-padding);--plasma-select-border-radius:var(--plasma-pagination-button-radius);--plasma-select-target-button-arrow-color:var(--plasma-pagination--button-arrow-color);--plasma-select-target-button-arrow-color-hover:var(--plasma-pagination--button-arrow-color-hover);--plasma-select-target-button-arrow-color-active:var(--plasma-pagination--button-arrow-color-active);--plasma-select-target-button-arrow-margin:var(--plasma-pagination--button-arrow-margin);--plasma-select-padding:0.125rem;--plasma-select-focus-offset:0.125rem;--plasma-select-item-padding:var(--plasma-pagination-select-item-padding);--plasma-select-item-border-radius:calc(var(--plasma-pagination-button-radius) - 0.125rem);--plasma-select-item-icon-margin:0 0.375rem 0 0;--plasma-select-item-icon-size:1.5rem;--plasma-select-item-height:var(--plasma-pagination-select-item-height);}
+.PaginationSelectPerPage_styles_187mk6b_squvg2e__a3b3456a{font-family:var(--plasma-pagination-font-family);font-size:var(--plasma-pagination-font-size);font-style:var(--plasma-pagination-font-style);font-weight:var(--plasma-pagination-font-weight);-webkit-letter-spacing:var(--plasma-pagination-letter-spacing);-moz-letter-spacing:var(--plasma-pagination-letter-spacing);-ms-letter-spacing:var(--plasma-pagination-letter-spacing);letter-spacing:var(--plasma-pagination-letter-spacing);line-height:var(--plasma-pagination-line-height);}

package/es/components/Pagination/Pagination.js

@@ -12,7 +12,7 @@ import { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/Pagination
 import { isNumber } from '../../utils/isNumber.js';
 
 var _PaginationShorter;
-var _excluded = ["value", "perPage", "slots", "view", "viewCurrentPage", "type", "size", "pilled", "square", "disabledPages", "count", "hasQuickJump", "hasPerPage", "perPageList", "isCommonButtonStyles", "placeholderQuickJump", "textQuickJump", "textPerPage", "leftContent", "rightContent", "onChangePageValue", "onChangePerPageValue"];
+var _excluded = ["value", "perPage", "slots", "view", "viewCurrentPage", "type", "size", "pilled", "square", "disabledPages", "count", "hasQuickJump", "hasPerPage", "perPageList", "isCommonButtonStyles", "placeholderQuickJump", "textQuickJump", "textPerPage", "leftContent", "rightContent", "listWidth", "onChangePageValue", "onChangePerPageValue"];
 var paginationRoot = function paginationRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var _ref$value = _ref.value,
@@ -49,6 +49,7 @@ var paginationRoot = function paginationRoot(Root) {
       textPerPage = _ref$textPerPage === void 0 ? defaultValues.textPerPage : _ref$textPerPage,
       leftContent = _ref.leftContent,
       rightContent = _ref.rightContent,
+      listWidth = _ref.listWidth,
       onChangePageValue = _ref.onChangePageValue,
       onChangePerPageValue = _ref.onChangePerPageValue,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -76,7 +77,11 @@ var paginationRoot = function paginationRoot(Root) {
       return isNumber(el) ? Number(el) : null;
     });
     var handlerSetPages = function handlerSetPages(newPerPage) {
-      setPagesValue(Math.ceil(count / (newPerPage || (hasPerPage ? defaultValues.perPage : 1))));
+      if (newPerPage) {
+        setPagesValue(Math.ceil(count / newPerPage));
+      } else {
+        setPagesValue(Math.ceil(count / (hasPerPage ? defaultValues.perPage : 1)));
+      }
     };
     var handlerSetPage = function handlerSetPage(newPageValue) {
       var pageValue = newPageValue !== null && newPageValue !== void 0 ? newPageValue : defaultValues.value;
@@ -148,9 +153,11 @@ var paginationRoot = function paginationRoot(Root) {
       onChangeValue: handlerSetPage
     }), hasPerPage && /*#__PURE__*/React.createElement(PaginationSelectPerPage, {
       textPerPage: textPerPage,
-      value: perPageValue,
-      valuesList: perPageList,
-      onChangeValue: handlerSetPerPage
+      perPageValue: perPageValue,
+      perPageList: perPageList,
+      onChangeValue: handlerSetPerPage,
+      size: size,
+      listWidth: listWidth
     }))));
   });
 };