@hi-ui/tag-input 5.0.0-experimental.2 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +52 -64
  2. package/lib/cjs/styles/index.scss.js +1 -1
  3. package/lib/esm/styles/index.scss.js +1 -1
  4. package/package.json +14 -15
package/CHANGELOG.md CHANGED
@@ -1,88 +1,76 @@
1
1
  # @hi-ui/tag-input
2
2
 
3
- ## 5.0.0-experimental.2
3
+ ## 5.0.0
4
4
 
5
- ### Patch Changes
5
+ ### Major Changes
6
6
 
7
- - eb17c4697: style: 修复 UI/样式问题 (5.0)
8
- - Updated dependencies [7f204c892]
9
- - Updated dependencies [eb17c4697]
10
- - Updated dependencies [eb17c4697]
11
- - Updated dependencies [c407744fe]
12
- - @hi-ui/icons@5.0.0-experimental.1
13
- - @hi-ui/core@5.0.0-experimental.1
14
- - @hi-ui/use-merge-semantic@5.0.0-experimental.0
7
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`8f3aa85e4`](https://github.com/XiaoMi/hiui/commit/8f3aa85e4e1977854cecdf2864498a77e959bc39) Thanks [@zyprepare](https://github.com/zyprepare)! - feat: 组件的 package.json 中的 exports 统一加上 types 配置 (5.0)
15
8
 
16
- ## 5.0.0-experimental.1
9
+ ### Minor Changes
17
10
 
18
- ### Patch Changes
11
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`f1ab51725`](https://github.com/XiaoMi/hiui/commit/f1ab517258599ee2dfad183e4a8c7b855ef409c1) Thanks [@zyprepare](https://github.com/zyprepare)! - <br>
19
12
 
20
- - 8f23e9322: style: 表单类组件统一调整后缀颜色、placeholder 颜色 (5.0)
21
- - 900c6c2f0: style: 统一修改表单类组件 filled 背景色为 g100 (5.0)
22
- - 发布 hiui experimental 版本
13
+ - feat(picker): 下拉选择类组件增加 xs 尺寸 (5.0)
14
+ - feat(input): 输入框组件增加 xs 尺寸 (5.0)
23
15
 
24
- ## 5.0.0-experimental.0
16
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`6dca7795c`](https://github.com/XiaoMi/hiui/commit/6dca7795c71123f941d91b991ecd17ce26b6a2da) Thanks [@zyprepare](https://github.com/zyprepare)! - feat: 下拉选择组件增加 showIndicator 参数 & 修改 appearance 中的 unset 样式 (5.0)
25
17
 
26
- ### Major Changes
18
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`77d969c2e`](https://github.com/XiaoMi/hiui/commit/77d969c2e4f6db55f6cc154c1803971ac3e3f085) Thanks [@zyprepare](https://github.com/zyprepare)! - feat: 下拉选择类组件 appearance 参数增加 contained 类型 (5.0)
27
19
 
28
- - 8f3aa85e4: feat: 组件的 package.json 中的 exports 统一加上 types 配置 (5.0)
20
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`58ad82e94`](https://github.com/XiaoMi/hiui/commit/58ad82e9441e76bf6090e6a0f4e36a04342c25f0) Thanks [@zyprepare](https://github.com/zyprepare)! - feat: 输入框和选择器组件增加 borderless 形态 (5.0)
29
21
 
30
- ### Minor Changes
22
+ ### Patch Changes
31
23
 
32
- - f1ab51725: <br>
33
- - feat(picker): 下拉选择类组件增加 xs 尺寸 (5.0)
34
- - feat(input): 输入框组件增加 xs 尺寸 (5.0)
35
- - 6dca7795c: feat: 下拉选择组件增加 showIndicator 参数 & 修改 appearance 中的 unset 样式 (5.0)
36
- - 77d969c2e: feat: 下拉选择类组件 appearance 参数增加 contained 类型 (5.0)
37
- - 58ad82e94: feat: 输入框和选择器组件增加 borderless 形态 (5.0)
24
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`cce71cdfa`](https://github.com/XiaoMi/hiui/commit/cce71cdfaded860c0420be6d3de2a3534cfdb9bd) Thanks [@zyprepare](https://github.com/zyprepare)! - style(tag-input): 调整 total 的内边距和最小宽度 (5.0)
38
25
 
39
- ### Patch Changes
26
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`41552be0b`](https://github.com/XiaoMi/hiui/commit/41552be0b42df7c47b481cf8aacc8be76fc3f277) Thanks [@zyprepare](https://github.com/zyprepare)! - <br>
40
27
 
41
- - cce71cdfa: style(tag-input): 调整 total 的内边距和最小宽度 (5.0)
42
- - 1662753e0: style: fix ui bug (5.0)
43
- - 41552be0b: <br>
44
28
  - style(time-picker): 为占位符增加溢出处理和文本省略样式 (5.0)
45
29
  - style(tag-input): 为占位符增加溢出处理和文本省略样式 (5.0)
46
30
  - style(input): 增加溢出处理和文本省略样式 (5.0)
47
31
  - style(number-input): 增加溢出处理和文本省略样式 (5.0)
48
- - 9b34d99bc: fix: 修复 5.0 UI 问题 (5.0)
49
- - f4fc0ef30: style: 修改样式问题 (5.0)
50
- - cb9d8f6db: fix(tag-input): 修复 contained 模式下 displayRender 设置无效问题 (5.0)
51
- - 29cae09ea: style: 修改 appearance 为 unset 和 borderless 模式的样式 (5.0)
52
- - be5a59325: style: 修改样式问题 (5.0)
53
- - 2e56529f7: styles: 主题定制功能完善&&样式变量化写法改造&&兼容 RTL (5.0)
54
- - 9ecf354ba: perf(cascader): 性能优化 (5.0)
55
- - 33da3144e: build: 将 package.json 中 exports 配置中的 types 配置放在最上面 (5.0)
56
- - e7b64347e: style(tag-input): 增加 flex-wrap 属性以优化标签换行展示 (5.0)
57
- - 7f3abee55: style: fix ui bug (5.0)
58
- - 6fcda9bf2: chore: 优化 Input 和 TagInput label 显示逻辑 (5.0)
59
- - 0a4e90dbd: <br>
32
+
33
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`9b34d99bc`](https://github.com/XiaoMi/hiui/commit/9b34d99bc2aa8b78b9e3281e08afc086ac4afea1) Thanks [@zyprepare](https://github.com/zyprepare)! - fix: 修复 5.0 UI 问题 (5.0)
34
+
35
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`cb9d8f6db`](https://github.com/XiaoMi/hiui/commit/cb9d8f6db18ef3322502ae2da93c8266aa3114d5) Thanks [@zyprepare](https://github.com/zyprepare)! - fix(tag-input): 修复 contained 模式下 displayRender 设置无效问题 (5.0)
36
+
37
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`29cae09ea`](https://github.com/XiaoMi/hiui/commit/29cae09ea3d7a61781c3c4a9f51355a83229bd97) Thanks [@zyprepare](https://github.com/zyprepare)! - style: 修改 appearance 为 unset 和 borderless 模式的样式 (5.0)
38
+
39
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`2e56529f7`](https://github.com/XiaoMi/hiui/commit/2e56529f7ea8c74e2fac8b6061628d4fd0d862ac) Thanks [@zyprepare](https://github.com/zyprepare)! - styles: 主题定制功能完善&&样式变量化写法改造&&兼容 RTL (5.0)
40
+
41
+ - [#3489](https://github.com/XiaoMi/hiui/pull/3489) [`8f23e9322`](https://github.com/XiaoMi/hiui/commit/8f23e9322e8aa117608d42898cce1f9d74414629) Thanks [@zyprepare](https://github.com/zyprepare)! - style: 表单类组件统一调整后缀颜色、placeholder 颜色 (5.0)
42
+
43
+ - [#3504](https://github.com/XiaoMi/hiui/pull/3504) [`eb17c4697`](https://github.com/XiaoMi/hiui/commit/eb17c46978dfcb5e8ec0a0e3b3dcffabae8d31fe) Thanks [@zyprepare](https://github.com/zyprepare)! - style: 修复 UI/样式问题 (5.0)
44
+
45
+ - [#3497](https://github.com/XiaoMi/hiui/pull/3497) [`900c6c2f0`](https://github.com/XiaoMi/hiui/commit/900c6c2f0b397bb2a6c2a5b2cc0c0f83442813ec) Thanks [@zyprepare](https://github.com/zyprepare)! - style: 统一修改表单类组件 filled 背景色为 g100 (5.0)
46
+
47
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`9ecf354ba`](https://github.com/XiaoMi/hiui/commit/9ecf354bae5030438967f4723c601b01fa718572) Thanks [@zyprepare](https://github.com/zyprepare)! - perf(cascader): 性能优化 (5.0)
48
+
49
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`33da3144e`](https://github.com/XiaoMi/hiui/commit/33da3144e916edd75ee0669ca9e5090edc681193) Thanks [@zyprepare](https://github.com/zyprepare)! - build: 将 package.json 中 exports 配置中的 types 配置放在最上面 (5.0)
50
+
51
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`e7b64347e`](https://github.com/XiaoMi/hiui/commit/e7b64347e578c3a674c63f30341d87d358a4cd7b) Thanks [@zyprepare](https://github.com/zyprepare)! - style(tag-input): 增加 flex-wrap 属性以优化标签换行展示 (5.0)
52
+
53
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`6fcda9bf2`](https://github.com/XiaoMi/hiui/commit/6fcda9bf23e6e16c593fd4d9e3db8d08bcb6b9b5) Thanks [@zyprepare](https://github.com/zyprepare)! - chore: 优化 Input 和 TagInput label 显示逻辑 (5.0)
54
+
55
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`0a4e90dbd`](https://github.com/XiaoMi/hiui/commit/0a4e90dbd7398e69511e7505b1fd6093eca48cee) Thanks [@zyprepare](https://github.com/zyprepare)! - <br>
56
+
60
57
  - style(tag-input): 间距调整 (5.0)
61
58
  - style(select): 选择类组件选项圆角改为 4px (5.0)
62
59
  - style(picker): 搜索框样式调整 (5.0)
63
- - 99801c2d1: fix: 修复 UI 问题 (5.0)
64
- - Updated dependencies [1662753e0]
65
- - Updated dependencies [122d1d859]
66
- - Updated dependencies [8c0ee78f0]
67
- - Updated dependencies [8f3aa85e4]
68
- - Updated dependencies [fd4c20bbd]
69
- - Updated dependencies [79ea480f3]
70
- - Updated dependencies [976ec929d]
71
- - Updated dependencies [f1ab51725]
72
- - Updated dependencies [e42e2badf]
73
- - Updated dependencies [33da3144e]
74
- - Updated dependencies [58ad82e94]
75
- - Updated dependencies [a0f0c9d6b]
76
- - @hi-ui/icons@5.0.0-experimental.0
77
- - @hi-ui/core@5.0.0-experimental.0
78
- - @hi-ui/use-latest@5.0.0-experimental.0
79
- - @hi-ui/use-merge-refs@5.0.0-experimental.0
80
- - @hi-ui/use-outside-click@5.0.0-experimental.0
81
- - @hi-ui/use-uncontrolled-state@5.0.0-experimental.0
82
- - @hi-ui/classname@5.0.0-experimental.0
83
- - @hi-ui/env@5.0.0-experimental.0
84
- - @hi-ui/func-utils@5.0.0-experimental.0
85
- - @hi-ui/type-assertion@5.0.0-experimental.0
60
+
61
+ - [#3532](https://github.com/XiaoMi/hiui/pull/3532) [`99801c2d1`](https://github.com/XiaoMi/hiui/commit/99801c2d12628c194657579eccd09a86aedea22b) Thanks [@zyprepare](https://github.com/zyprepare)! - fix: 修复 UI 问题 (5.0)
62
+
63
+ - Updated dependencies [[`7f204c892`](https://github.com/XiaoMi/hiui/commit/7f204c892156ea8a4fb95d218db9d59c8c4e0c49), [`122d1d859`](https://github.com/XiaoMi/hiui/commit/122d1d859bb92379fbe109fe9a5581259e6bb9a1), [`eb17c4697`](https://github.com/XiaoMi/hiui/commit/eb17c46978dfcb5e8ec0a0e3b3dcffabae8d31fe), [`8c0ee78f0`](https://github.com/XiaoMi/hiui/commit/8c0ee78f013dcd9ced94cef13a69933e039621aa), [`8f3aa85e4`](https://github.com/XiaoMi/hiui/commit/8f3aa85e4e1977854cecdf2864498a77e959bc39), [`fd4c20bbd`](https://github.com/XiaoMi/hiui/commit/fd4c20bbd30e18bc4c1a2eb078acaa4790f7b2eb), [`79ea480f3`](https://github.com/XiaoMi/hiui/commit/79ea480f33bb8f692dda1e6252a9d2a75c3ac30d), [`eb17c4697`](https://github.com/XiaoMi/hiui/commit/eb17c46978dfcb5e8ec0a0e3b3dcffabae8d31fe), [`976ec929d`](https://github.com/XiaoMi/hiui/commit/976ec929da088830d4d4bfa5438aa679676f71ca), [`f1ab51725`](https://github.com/XiaoMi/hiui/commit/f1ab517258599ee2dfad183e4a8c7b855ef409c1), [`d91a8bb0f`](https://github.com/XiaoMi/hiui/commit/d91a8bb0f887fa886215aa596852eef3c2ce8519), [`e42e2badf`](https://github.com/XiaoMi/hiui/commit/e42e2badfd099ced93eaf8414513d7a49d1e66c0), [`33da3144e`](https://github.com/XiaoMi/hiui/commit/33da3144e916edd75ee0669ca9e5090edc681193), [`58ad82e94`](https://github.com/XiaoMi/hiui/commit/58ad82e9441e76bf6090e6a0f4e36a04342c25f0), [`95d930354`](https://github.com/XiaoMi/hiui/commit/95d930354a1ab4291e98a9abccb9525d6c210795)]:
64
+ - @hi-ui/icons@5.0.0
65
+ - @hi-ui/core@5.0.0
66
+ - @hi-ui/use-latest@5.0.0
67
+ - @hi-ui/use-merge-refs@5.0.0
68
+ - @hi-ui/use-outside-click@5.0.0
69
+ - @hi-ui/use-uncontrolled-state@5.0.0
70
+ - @hi-ui/classname@5.0.0
71
+ - @hi-ui/env@5.0.0
72
+ - @hi-ui/func-utils@5.0.0
73
+ - @hi-ui/type-assertion@5.0.0
86
74
 
87
75
  ## 4.1.5
88
76
 
package/lib/cjs/styles/index.scss.js CHANGED
@@ -12,7 +12,7 @@
12
12
  Object.defineProperty(exports, '__esModule', {
13
13
  value: true
14
14
  });
15
- var css_248z = ".hi-v5-tag-input {position: relative;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v5-tag-input__container {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;min-width: 160px;font-size: var(--hi-v5-text-size-md, 0.875rem);vertical-align: middle;color: var(--hi-v5-color-static-black, #000);border: var(--hi-v5-border-size-normal, 1px solid) transparent;background-color: var(--hi-v5-color-static-white, #fff);-webkit-transition: all 0.3s;transition: all 0.3s;padding: var(--hi-v5-spacing-2, 4px) var(--hi-v5-spacing-5, 10px);display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: var(--hi-v5-height-8, 32px);overflow: hidden;border-color: var(--hi-v5-color-gray-400, #dbdde0);border-radius: var(--hi-v5-border-radius-md, 4px);}.hi-v5-tag-input__container:not(.disabled):hover {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input__container:not(.disabled).focused {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input__container.disabled {cursor: not-allowed;color: var(--hi-v5-color-gray-600, #91959e);background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input__container.disabled .hi-v5-tag-input__tag {background-color: var(--hi-v5-color-gray-300, #e6e8eb);}.hi-v5-tag-input__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input__suffix {font-size: var(--hi-v5-text-size-lg, 1rem);display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;min-width: use-width-size(8);}.hi-v5-tag-input__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: use-width-size(4);height: var(--hi-v5-height-4, 16px);font-size: var(--hi-v5-text-size-md, 0.875rem);color: var(--hi-v5-color-gray-600, #91959e);-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v5-tag-input__clear:hover {color: var(--hi-v5-color-static-black, #000);}.hi-v5-tag-input__value {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: var(--hi-v5-text-lineheight-md, 1.375rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-tag-input__tags {-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;display: inline-block;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;white-space: nowrap;height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-margin-before: calc(-1 * var(--hi-v5-spacing-2, 4px));margin-block-start: calc(-1 * var(--hi-v5-spacing-2, 4px));position: relative;}.hi-v5-tag-input__tag, .hi-v5-tag-input__tag--left {display: inline-block;-webkit-margin-end: var(--hi-v5-spacing-2, 4px);margin-inline-end: var(--hi-v5-spacing-2, 4px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 var(--hi-v5-spacing-4, 8px);vertical-align: middle;font-size: var(--hi-v5-text-size-sm, 0.75rem);color: #333;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--hi-v5-color-gray-200, #edeff2);border-radius: var(--hi-v5-border-radius-md, 4px);}.hi-v5-tag-input__tag--total {display: inline-block;-webkit-margin-end: var(--hi-v5-spacing-3, 6px);margin-inline-end: var(--hi-v5-spacing-3, 6px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 var(--hi-v5-spacing-4, 8px);vertical-align: middle;font-size: var(--hi-v5-text-size-sm, 0.75rem);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));border-radius: var(--hi-v5-border-radius-md, 4px);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);cursor: inherit;}.hi-v5-tag-input__tag {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hi-v5-tag-input__tag-content {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v5-tag-input__tag-closed {-webkit-margin-start: var(--hi-v5-spacing-4, 8px);margin-inline-start: var(--hi-v5-spacing-4, 8px);font-size: var(--hi-v5-text-size-sm, 0.75rem);-webkit-box-sizing: border-box;box-sizing: border-box;color: rgb(142, 142, 142);cursor: pointer;}.disabled .hi-v5-tag-input__tag-closed {cursor: not-allowed;}.hi-v5-tag-input__tag--left {margin: 0;max-width: 54px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}.hi-v5-tag-input--nowrap .hi-v5-tag-input__value {width: calc(100% - 64px);overflow-x: hidden;}.hi-v5-tag-input--wrap .hi-v5-tag-input__value {height: auto;}.hi-v5-tag-input--wrap .hi-v5-tag-input__tags {white-space: normal;-webkit-margin-before: calc(-1 * var(--hi-v5-spacing-2, 4px));margin-block-start: calc(-1 * var(--hi-v5-spacing-2, 4px));}.hi-v5-tag-input--wrap .hi-v5-tag-input__tag {-webkit-margin-before: var(--hi-v5-spacing-2, 4px);margin-block-start: var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input--expanded {position: relative;}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand {position: absolute;inset-block-start: 0;inset-inline-start: 0;height: auto;z-index: 1;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;min-width: 160px;font-size: var(--hi-v5-text-size-md, 0.875rem);vertical-align: middle;color: var(--hi-v5-color-static-black, #000);border: var(--hi-v5-border-size-normal, 1px solid) transparent;background-color: use-color-statc(\"white\");-webkit-transition: all 0.3s;transition: all 0.3s;padding: 3px 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;min-height: var(--hi-v5-height-8, 32px);overflow: hidden;border-radius: var(--hi-v5-border-radius-md, 4px);border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__value {height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;max-height: 74px;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;overflow: scroll;-webkit-padding-start: var(--hi-v5-spacing-5, 10px);padding-inline-start: var(--hi-v5-spacing-5, 10px);}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__tags {white-space: normal;-webkit-margin-before: calc(-1 * var(--hi-v5-spacing-2, 4px));margin-block-start: calc(-1 * var(--hi-v5-spacing-2, 4px));}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__tag {-webkit-margin-before: var(--hi-v5-spacing-2, 4px);margin-block-start: var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__suffix {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding: var(--hi-v5-spacing-2, 4px) var(--hi-v5-spacing-5, 10px) var(--hi-v5-spacing-2, 4px) 0;position: sticky;inset-block-start: 0;}.hi-v5-tag-input-mock {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: text;background-color: transparent;-webkit-tap-highlight-color: transparent;position: relative;overflow: hidden;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));width: 100%;height: auto;z-index: auto;font-size: inherit;line-height: inherit;color: var(--hi-v5-color-gray-800, #1a1d26);border: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-static-transparent, transparent);background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock:not(.hi-v5-tag-input-mock--disabled):hover {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-tag-input-mock:not(.hi-v5-tag-input-mock--disabled).focused {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-tag-input-mock.hi-v5-tag-input-mock--disabled {cursor: not-allowed;}.hi-v5-tag-input-mock--wrap {height: auto;}.hi-v5-tag-input-mock--wrap .hi-v5-tag-input-mock__value {height: auto;}.hi-v5-tag-input-mock--wrap .hi-v5-tag-input-mock__tags {white-space: normal;}.hi-v5-tag-input-mock__prefix, .hi-v5-tag-input-mock__suffix, .hi-v5-tag-input-mock__secondary-suffix {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-ms-flex-negative: 0;flex-shrink: 0;color: var(--hi-v5-color-static-black, #000);font-size: var(--hi-v5-text-size-lg, 1rem);padding: 0;text-align: center;}.hi-v5-tag-input-mock__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: var(--hi-v5-height-4, 16px);height: var(--hi-v5-height-4, 16px);font-size: var(--hi-v5-text-size-lg, 1rem);color: var(--hi-v5-color-gray-700, #60636b);text-align: center;-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));}.hi-v5-tag-input-mock__clear:hover {color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock__tags {position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;white-space: nowrap;overflow: hidden;height: 100%;}.hi-v5-tag-input-mock__tag--total {display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: inherit;-webkit-margin-start: var(--hi-v5-spacing-2, 4px);margin-inline-start: var(--hi-v5-spacing-2, 4px);padding: 0 var(--hi-v5-spacing-3, 6px);font-size: var(--hi-v5-text-size-sm, 0.75rem);border-radius: var(--hi-v5-border-radius-md, 4px);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);min-width: var(--hi-v5-text-lineheight-sm, 1.25rem);background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-800, #1a1d26);-webkit-transition-property: background-color, color;transition-property: background-color, color;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));}.hi-v5-tag-input-mock__tag--total:has(+ *) {-webkit-margin-end: var(--hi-v5-spacing-3, 6px);margin-inline-end: var(--hi-v5-spacing-3, 6px);}.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total.hi-v5-tag-input-mock__tag--active {background-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock__prefix {-webkit-margin-end: var(--hi-v5-spacing-4, 8px);margin-inline-end: var(--hi-v5-spacing-4, 8px);}.hi-v5-tag-input-mock__tags, .hi-v5-tag-input-mock__placeholder {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-700, #60636b);}.hi-v5-tag-input-mock--appearance-unset .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-700, #60636b);}.hi-v5-tag-input-mock__placeholder {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset .hi-v5-tag-input-mock__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock__tag, .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock__tag {max-width: 100%;-webkit-margin-end: var(--hi-v5-spacing-2, 4px);margin-inline-end: var(--hi-v5-spacing-2, 4px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 var(--hi-v5-spacing-4, 8px);vertical-align: middle;font-size: var(--hi-v5-text-size-sm, 0.75rem);color: var(--hi-v5-color-gray-800, #1a1d26);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--hi-v5-color-gray-200, #edeff2);border-radius: var(--hi-v5-border-radius-md, 4px);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 0;-ms-flex: none;flex: none;line-height: inherit;}.hi-v5-tag-input-mock__tag-content {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v5-tag-input-mock__tag-closed {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-margin-start: var(--hi-v5-spacing-2, 4px);margin-inline-start: var(--hi-v5-spacing-2, 4px);font-size: var(--hi-v5-text-size-sm, 0.75rem);-webkit-box-sizing: border-box;box-sizing: border-box;color: var(--hi-v5-color-gray-700, #60636b);cursor: pointer;}.hi-v5-tag-input-mock__tag-closed:hover {color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag-closed {cursor: not-allowed;color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag-closed:hover {color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--size-xs {font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-xs:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-6, 24px);}.hi-v5-tag-input-mock--size-xs:not(.hi-v5-tag-input-mock--appearance-borderless) {padding: 1px var(--hi-v5-spacing-4, 8px) 1px var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: 1px;margin-block-start: 1px;-webkit-margin-after: 1px;margin-block-end: 1px;}.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-3, 6px);margin-inline-start: var(--hi-v5-spacing-3, 6px);}.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--size-sm {font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-sm:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-7, 28px);}.hi-v5-tag-input-mock--size-sm:not(.hi-v5-tag-input-mock--appearance-borderless) {padding: 1px var(--hi-v5-spacing-4, 8px) 1px var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-2, 4px);margin-inline-start: var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--size-md {font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-md:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-8, 32px);}.hi-v5-tag-input-mock--size-md:not(.hi-v5-tag-input-mock--appearance-borderless) {padding: var(--hi-v5-spacing-1, 2px) var(--hi-v5-spacing-6, 12px) var(--hi-v5-spacing-1, 2px) var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-4, 8px);margin-inline-start: var(--hi-v5-spacing-4, 8px);}.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--size-lg {font-size: var(--hi-v5-text-size-lg, 1rem);line-height: var(--hi-v5-text-lineheight-lg, 1.5rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-lg:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-10, 40px);}.hi-v5-tag-input-mock--size-lg:not(.hi-v5-tag-input-mock--appearance-borderless) {padding: calc(var(--hi-v5-spacing-3, 6px) - 1px) var(--hi-v5-spacing-8, 16px) calc(var(--hi-v5-spacing-3, 6px) - 1px) var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-5, 10px);margin-inline-start: var(--hi-v5-spacing-5, 10px);}.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--appearance-line {border-color: var(--hi-v5-color-gray-400, #dbdde0);}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled):hover {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled).focused {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-unset {width: auto;max-width: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;border-color: transparent;}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused {background-color: var(--hi-v5-color-gray-100, #f2f4f7);}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag--total, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-filled {background-color: var(--hi-v5-color-gray-100, #f2f4f7);}.hi-v5-tag-input-mock--appearance-filled .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-filled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover {background-color: var(--hi-v5-color-static-white, #fff);border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-contained {background-color: var(--hi-v5-color-gray-100, #f2f4f7);border: none;}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock {width: auto;}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled) .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled) .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-700, #60636b);}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__value {overflow: hidden;white-space: nowrap;}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__label {-ms-flex-negative: 0;flex-shrink: 0;}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__value {text-overflow: ellipsis;}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__suffix {-webkit-padding-start: var(--hi-v5-spacing-4, 8px);padding-inline-start: var(--hi-v5-spacing-4, 8px);}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__value,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__suffix, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__value,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-primary-600, var(--hi-v5-color-brandblue-600, #1843d2));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__clear, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__clear {color: var(--hi-v5-color-primary-600, var(--hi-v5-color-brandblue-600, #1843d2));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__clear:hover, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__clear:hover {color: var(--hi-v5-color-primary-800, var(--hi-v5-color-brandblue-800, #051879));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-200, var(--hi-v5-color-brandblue-200, #b1cafc));color: var(--hi-v5-color-primary-600, var(--hi-v5-color-brandblue-600, #1843d2));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__tag--total.hi-v5-tag-input-mock__tag--active {background-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__value {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled {background-color: var(--hi-v5-color-gray-100, #f2f4f7);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__placeholder, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-500, #babcc2);}";
15
+ var css_248z = ".hi-v5-tag-input {position: relative;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v5-tag-input__container {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;min-width: 160px;font-size: var(--hi-v5-text-size-md, 0.875rem);vertical-align: middle;color: var(--hi-v5-color-static-black, #000);border: var(--hi-v5-border-size-normal, 1px solid) transparent;background-color: var(--hi-v5-color-static-white, #fff);-webkit-transition: all 0.3s;transition: all 0.3s;padding: var(--hi-v5-spacing-2, 4px) var(--hi-v5-spacing-5, 10px);display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: var(--hi-v5-height-8, 32px);overflow: hidden;border-color: var(--hi-v5-color-gray-400, #dbdde0);border-radius: var(--hi-v5-border-radius-md, 4px);}.hi-v5-tag-input__container:not(.disabled):hover {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input__container:not(.disabled).focused {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input__container.disabled {cursor: not-allowed;color: var(--hi-v5-color-gray-600, #91959e);background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input__container.disabled .hi-v5-tag-input__tag {background-color: var(--hi-v5-color-gray-300, #e6e8eb);}.hi-v5-tag-input__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input__suffix {font-size: var(--hi-v5-text-size-lg, 1rem);display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;min-width: use-width-size(8);}.hi-v5-tag-input__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: use-width-size(4);height: var(--hi-v5-height-4, 16px);font-size: var(--hi-v5-text-size-md, 0.875rem);color: var(--hi-v5-color-gray-600, #91959e);-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v5-tag-input__clear:hover {color: var(--hi-v5-color-static-black, #000);}.hi-v5-tag-input__value {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: var(--hi-v5-text-lineheight-md, 1.375rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-tag-input__tags {-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;display: inline-block;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;white-space: nowrap;height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-margin-before: calc(-1 * var(--hi-v5-spacing-2, 4px));margin-block-start: calc(-1 * var(--hi-v5-spacing-2, 4px));position: relative;}.hi-v5-tag-input__tag, .hi-v5-tag-input__tag--left {display: inline-block;-webkit-margin-end: var(--hi-v5-spacing-2, 4px);margin-inline-end: var(--hi-v5-spacing-2, 4px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 var(--hi-v5-spacing-4, 8px);vertical-align: middle;font-size: var(--hi-v5-text-size-sm, 0.75rem);color: #333;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--hi-v5-color-gray-200, #edeff2);border-radius: var(--hi-v5-border-radius-md, 4px);}.hi-v5-tag-input__tag--total {display: inline-block;-webkit-margin-end: var(--hi-v5-spacing-3, 6px);margin-inline-end: var(--hi-v5-spacing-3, 6px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 var(--hi-v5-spacing-4, 8px);vertical-align: middle;font-size: var(--hi-v5-text-size-sm, 0.75rem);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));border-radius: var(--hi-v5-border-radius-md, 4px);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);cursor: inherit;}.hi-v5-tag-input__tag {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hi-v5-tag-input__tag-content {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v5-tag-input__tag-closed {-webkit-margin-start: var(--hi-v5-spacing-4, 8px);margin-inline-start: var(--hi-v5-spacing-4, 8px);font-size: var(--hi-v5-text-size-sm, 0.75rem);-webkit-box-sizing: border-box;box-sizing: border-box;color: rgb(142, 142, 142);cursor: pointer;}.disabled .hi-v5-tag-input__tag-closed {cursor: not-allowed;}.hi-v5-tag-input__tag--left {margin: 0;max-width: 54px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}.hi-v5-tag-input--nowrap .hi-v5-tag-input__value {width: calc(100% - 64px);overflow-x: hidden;}.hi-v5-tag-input--wrap .hi-v5-tag-input__value {height: auto;}.hi-v5-tag-input--wrap .hi-v5-tag-input__tags {white-space: normal;-webkit-margin-before: calc(-1 * var(--hi-v5-spacing-2, 4px));margin-block-start: calc(-1 * var(--hi-v5-spacing-2, 4px));}.hi-v5-tag-input--wrap .hi-v5-tag-input__tag {-webkit-margin-before: var(--hi-v5-spacing-2, 4px);margin-block-start: var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input--expanded {position: relative;}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand {position: absolute;inset-block-start: 0;inset-inline-start: 0;height: auto;z-index: 1;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;min-width: 160px;font-size: var(--hi-v5-text-size-md, 0.875rem);vertical-align: middle;color: var(--hi-v5-color-static-black, #000);border: var(--hi-v5-border-size-normal, 1px solid) transparent;background-color: use-color-statc(\"white\");-webkit-transition: all 0.3s;transition: all 0.3s;padding: 3px 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;min-height: var(--hi-v5-height-8, 32px);overflow: hidden;border-radius: var(--hi-v5-border-radius-md, 4px);border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__value {height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;max-height: 74px;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;overflow: scroll;-webkit-padding-start: var(--hi-v5-spacing-5, 10px);padding-inline-start: var(--hi-v5-spacing-5, 10px);}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__tags {white-space: normal;-webkit-margin-before: calc(-1 * var(--hi-v5-spacing-2, 4px));margin-block-start: calc(-1 * var(--hi-v5-spacing-2, 4px));}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__tag {-webkit-margin-before: var(--hi-v5-spacing-2, 4px);margin-block-start: var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__suffix {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding: var(--hi-v5-spacing-2, 4px) var(--hi-v5-spacing-5, 10px) var(--hi-v5-spacing-2, 4px) 0;position: sticky;inset-block-start: 0;}.hi-v5-tag-input-mock {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: text;background-color: transparent;-webkit-tap-highlight-color: transparent;position: relative;overflow: hidden;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));width: 100%;height: auto;z-index: auto;font-size: inherit;line-height: inherit;color: var(--hi-v5-color-gray-800, #1a1d26);border: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-static-transparent, transparent);background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock:not(.hi-v5-tag-input-mock--disabled):hover {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-tag-input-mock:not(.hi-v5-tag-input-mock--disabled).focused {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-tag-input-mock.hi-v5-tag-input-mock--disabled {cursor: not-allowed;}.hi-v5-tag-input-mock--wrap {height: auto;}.hi-v5-tag-input-mock--wrap .hi-v5-tag-input-mock__value {height: auto;}.hi-v5-tag-input-mock--wrap .hi-v5-tag-input-mock__tags {white-space: normal;}.hi-v5-tag-input-mock__prefix, .hi-v5-tag-input-mock__suffix, .hi-v5-tag-input-mock__secondary-suffix {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-ms-flex-negative: 0;flex-shrink: 0;color: var(--hi-v5-color-static-black, #000);font-size: var(--hi-v5-text-size-lg, 1rem);padding: 0;text-align: center;}.hi-v5-tag-input-mock__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: var(--hi-v5-height-4, 16px);height: var(--hi-v5-height-4, 16px);font-size: var(--hi-v5-text-size-lg, 1rem);color: var(--hi-v5-color-gray-700, #60636b);text-align: center;-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));}.hi-v5-tag-input-mock__clear:hover {color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock__tags {position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;white-space: nowrap;overflow: hidden;height: 100%;}.hi-v5-tag-input-mock__tag--total {display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: inherit;-webkit-margin-start: var(--hi-v5-spacing-2, 4px);margin-inline-start: var(--hi-v5-spacing-2, 4px);padding: 0 var(--hi-v5-spacing-3, 6px);font-size: var(--hi-v5-text-size-sm, 0.75rem);border-radius: var(--hi-v5-border-radius-md, 4px);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);min-width: var(--hi-v5-text-lineheight-sm, 1.25rem);background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-800, #1a1d26);-webkit-transition-property: background-color, color;transition-property: background-color, color;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));}.hi-v5-tag-input-mock__tag--total:has(+ *) {-webkit-margin-end: var(--hi-v5-spacing-3, 6px);margin-inline-end: var(--hi-v5-spacing-3, 6px);}.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total.hi-v5-tag-input-mock__tag--active {background-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock__prefix {-webkit-margin-end: var(--hi-v5-spacing-4, 8px);margin-inline-end: var(--hi-v5-spacing-4, 8px);}.hi-v5-tag-input-mock__tags, .hi-v5-tag-input-mock__placeholder {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-700, #60636b);}.hi-v5-tag-input-mock--appearance-unset .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-700, #60636b);}.hi-v5-tag-input-mock__placeholder {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset .hi-v5-tag-input-mock__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock__tag, .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock__tag {max-width: 100%;-webkit-margin-end: var(--hi-v5-spacing-2, 4px);margin-inline-end: var(--hi-v5-spacing-2, 4px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 var(--hi-v5-spacing-4, 8px);vertical-align: middle;font-size: var(--hi-v5-text-size-sm, 0.75rem);color: var(--hi-v5-color-gray-800, #1a1d26);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--hi-v5-color-gray-200, #edeff2);border-radius: var(--hi-v5-border-radius-md, 4px);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 0;-ms-flex: none;flex: none;line-height: inherit;}.hi-v5-tag-input-mock__tag-content {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v5-tag-input-mock__tag-closed {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-margin-start: var(--hi-v5-spacing-2, 4px);margin-inline-start: var(--hi-v5-spacing-2, 4px);font-size: var(--hi-v5-text-size-sm, 0.75rem);-webkit-box-sizing: border-box;box-sizing: border-box;color: var(--hi-v5-color-gray-700, #60636b);cursor: pointer;}.hi-v5-tag-input-mock__tag-closed:hover {color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag-closed {cursor: not-allowed;color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag-closed:hover {color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--size-xs {font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-xs:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-6, 24px);}.hi-v5-tag-input-mock--size-xs:not(.hi-v5-tag-input-mock--appearance-borderless) {padding: 1px var(--hi-v5-spacing-4, 8px) 1px var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: 1px;margin-block-start: 1px;-webkit-margin-after: 1px;margin-block-end: 1px;}.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-3, 6px);margin-inline-start: var(--hi-v5-spacing-3, 6px);}.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--size-sm {font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-sm:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-7, 28px);}.hi-v5-tag-input-mock--size-sm:not(.hi-v5-tag-input-mock--appearance-borderless) {padding-block: 1px;padding-inline: var(--hi-v5-spacing-2, 4px) var(--hi-v5-spacing-4, 8px);}.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-2, 4px);margin-inline-start: var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--size-md {font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-md:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-8, 32px);}.hi-v5-tag-input-mock--size-md:not(.hi-v5-tag-input-mock--appearance-borderless) {padding-block: var(--hi-v5-spacing-1, 2px);padding-inline: var(--hi-v5-spacing-2, 4px) var(--hi-v5-spacing-6, 12px);}.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-4, 8px);margin-inline-start: var(--hi-v5-spacing-4, 8px);}.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--size-lg {font-size: var(--hi-v5-text-size-lg, 1rem);line-height: var(--hi-v5-text-lineheight-lg, 1.5rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-lg:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-10, 40px);}.hi-v5-tag-input-mock--size-lg:not(.hi-v5-tag-input-mock--appearance-borderless) {padding-block: calc(var(--hi-v5-spacing-3, 6px) - 1px);padding-inline: var(--hi-v5-spacing-2, 4px) var(--hi-v5-spacing-8, 16px);}.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-5, 10px);margin-inline-start: var(--hi-v5-spacing-5, 10px);}.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--appearance-line {border-color: var(--hi-v5-color-gray-400, #dbdde0);}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled):hover {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled).focused {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-unset {width: auto;max-width: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;border-color: transparent;}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused {background-color: var(--hi-v5-color-gray-100, #f2f4f7);}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag--total, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-filled {background-color: var(--hi-v5-color-gray-100, #f2f4f7);}.hi-v5-tag-input-mock--appearance-filled .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-filled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover {background-color: var(--hi-v5-color-static-white, #fff);border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-contained {background-color: var(--hi-v5-color-gray-100, #f2f4f7);border: none;}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock {width: auto;}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled) .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled) .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-700, #60636b);}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__value {overflow: hidden;white-space: nowrap;}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__label {-ms-flex-negative: 0;flex-shrink: 0;}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__value {text-overflow: ellipsis;}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__suffix {-webkit-padding-start: var(--hi-v5-spacing-4, 8px);padding-inline-start: var(--hi-v5-spacing-4, 8px);}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__value,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__suffix, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__value,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-primary-600, var(--hi-v5-color-brandblue-600, #1843d2));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__clear, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__clear {color: var(--hi-v5-color-primary-600, var(--hi-v5-color-brandblue-600, #1843d2));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__clear:hover, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__clear:hover {color: var(--hi-v5-color-primary-800, var(--hi-v5-color-brandblue-800, #051879));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-200, var(--hi-v5-color-brandblue-200, #b1cafc));color: var(--hi-v5-color-primary-600, var(--hi-v5-color-brandblue-600, #1843d2));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__tag--total.hi-v5-tag-input-mock__tag--active {background-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__value {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled {background-color: var(--hi-v5-color-gray-100, #f2f4f7);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__placeholder, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-500, #babcc2);}";
16
16
  var __styleInject__ = require('@hi-ui/style-inject')["default"];
17
17
  __styleInject__(css_248z);
18
18
  exports["default"] = css_248z;
package/lib/esm/styles/index.scss.js CHANGED
@@ -8,6 +8,6 @@
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
10
  import __styleInject__ from '@hi-ui/style-inject';
11
- var css_248z = ".hi-v5-tag-input {position: relative;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v5-tag-input__container {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;min-width: 160px;font-size: var(--hi-v5-text-size-md, 0.875rem);vertical-align: middle;color: var(--hi-v5-color-static-black, #000);border: var(--hi-v5-border-size-normal, 1px solid) transparent;background-color: var(--hi-v5-color-static-white, #fff);-webkit-transition: all 0.3s;transition: all 0.3s;padding: var(--hi-v5-spacing-2, 4px) var(--hi-v5-spacing-5, 10px);display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: var(--hi-v5-height-8, 32px);overflow: hidden;border-color: var(--hi-v5-color-gray-400, #dbdde0);border-radius: var(--hi-v5-border-radius-md, 4px);}.hi-v5-tag-input__container:not(.disabled):hover {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input__container:not(.disabled).focused {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input__container.disabled {cursor: not-allowed;color: var(--hi-v5-color-gray-600, #91959e);background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input__container.disabled .hi-v5-tag-input__tag {background-color: var(--hi-v5-color-gray-300, #e6e8eb);}.hi-v5-tag-input__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input__suffix {font-size: var(--hi-v5-text-size-lg, 1rem);display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;min-width: use-width-size(8);}.hi-v5-tag-input__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: use-width-size(4);height: var(--hi-v5-height-4, 16px);font-size: var(--hi-v5-text-size-md, 0.875rem);color: var(--hi-v5-color-gray-600, #91959e);-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v5-tag-input__clear:hover {color: var(--hi-v5-color-static-black, #000);}.hi-v5-tag-input__value {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: var(--hi-v5-text-lineheight-md, 1.375rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-tag-input__tags {-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;display: inline-block;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;white-space: nowrap;height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-margin-before: calc(-1 * var(--hi-v5-spacing-2, 4px));margin-block-start: calc(-1 * var(--hi-v5-spacing-2, 4px));position: relative;}.hi-v5-tag-input__tag, .hi-v5-tag-input__tag--left {display: inline-block;-webkit-margin-end: var(--hi-v5-spacing-2, 4px);margin-inline-end: var(--hi-v5-spacing-2, 4px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 var(--hi-v5-spacing-4, 8px);vertical-align: middle;font-size: var(--hi-v5-text-size-sm, 0.75rem);color: #333;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--hi-v5-color-gray-200, #edeff2);border-radius: var(--hi-v5-border-radius-md, 4px);}.hi-v5-tag-input__tag--total {display: inline-block;-webkit-margin-end: var(--hi-v5-spacing-3, 6px);margin-inline-end: var(--hi-v5-spacing-3, 6px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 var(--hi-v5-spacing-4, 8px);vertical-align: middle;font-size: var(--hi-v5-text-size-sm, 0.75rem);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));border-radius: var(--hi-v5-border-radius-md, 4px);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);cursor: inherit;}.hi-v5-tag-input__tag {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hi-v5-tag-input__tag-content {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v5-tag-input__tag-closed {-webkit-margin-start: var(--hi-v5-spacing-4, 8px);margin-inline-start: var(--hi-v5-spacing-4, 8px);font-size: var(--hi-v5-text-size-sm, 0.75rem);-webkit-box-sizing: border-box;box-sizing: border-box;color: rgb(142, 142, 142);cursor: pointer;}.disabled .hi-v5-tag-input__tag-closed {cursor: not-allowed;}.hi-v5-tag-input__tag--left {margin: 0;max-width: 54px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}.hi-v5-tag-input--nowrap .hi-v5-tag-input__value {width: calc(100% - 64px);overflow-x: hidden;}.hi-v5-tag-input--wrap .hi-v5-tag-input__value {height: auto;}.hi-v5-tag-input--wrap .hi-v5-tag-input__tags {white-space: normal;-webkit-margin-before: calc(-1 * var(--hi-v5-spacing-2, 4px));margin-block-start: calc(-1 * var(--hi-v5-spacing-2, 4px));}.hi-v5-tag-input--wrap .hi-v5-tag-input__tag {-webkit-margin-before: var(--hi-v5-spacing-2, 4px);margin-block-start: var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input--expanded {position: relative;}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand {position: absolute;inset-block-start: 0;inset-inline-start: 0;height: auto;z-index: 1;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;min-width: 160px;font-size: var(--hi-v5-text-size-md, 0.875rem);vertical-align: middle;color: var(--hi-v5-color-static-black, #000);border: var(--hi-v5-border-size-normal, 1px solid) transparent;background-color: use-color-statc(\"white\");-webkit-transition: all 0.3s;transition: all 0.3s;padding: 3px 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;min-height: var(--hi-v5-height-8, 32px);overflow: hidden;border-radius: var(--hi-v5-border-radius-md, 4px);border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__value {height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;max-height: 74px;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;overflow: scroll;-webkit-padding-start: var(--hi-v5-spacing-5, 10px);padding-inline-start: var(--hi-v5-spacing-5, 10px);}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__tags {white-space: normal;-webkit-margin-before: calc(-1 * var(--hi-v5-spacing-2, 4px));margin-block-start: calc(-1 * var(--hi-v5-spacing-2, 4px));}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__tag {-webkit-margin-before: var(--hi-v5-spacing-2, 4px);margin-block-start: var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__suffix {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding: var(--hi-v5-spacing-2, 4px) var(--hi-v5-spacing-5, 10px) var(--hi-v5-spacing-2, 4px) 0;position: sticky;inset-block-start: 0;}.hi-v5-tag-input-mock {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: text;background-color: transparent;-webkit-tap-highlight-color: transparent;position: relative;overflow: hidden;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));width: 100%;height: auto;z-index: auto;font-size: inherit;line-height: inherit;color: var(--hi-v5-color-gray-800, #1a1d26);border: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-static-transparent, transparent);background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock:not(.hi-v5-tag-input-mock--disabled):hover {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-tag-input-mock:not(.hi-v5-tag-input-mock--disabled).focused {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-tag-input-mock.hi-v5-tag-input-mock--disabled {cursor: not-allowed;}.hi-v5-tag-input-mock--wrap {height: auto;}.hi-v5-tag-input-mock--wrap .hi-v5-tag-input-mock__value {height: auto;}.hi-v5-tag-input-mock--wrap .hi-v5-tag-input-mock__tags {white-space: normal;}.hi-v5-tag-input-mock__prefix, .hi-v5-tag-input-mock__suffix, .hi-v5-tag-input-mock__secondary-suffix {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-ms-flex-negative: 0;flex-shrink: 0;color: var(--hi-v5-color-static-black, #000);font-size: var(--hi-v5-text-size-lg, 1rem);padding: 0;text-align: center;}.hi-v5-tag-input-mock__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: var(--hi-v5-height-4, 16px);height: var(--hi-v5-height-4, 16px);font-size: var(--hi-v5-text-size-lg, 1rem);color: var(--hi-v5-color-gray-700, #60636b);text-align: center;-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));}.hi-v5-tag-input-mock__clear:hover {color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock__tags {position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;white-space: nowrap;overflow: hidden;height: 100%;}.hi-v5-tag-input-mock__tag--total {display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: inherit;-webkit-margin-start: var(--hi-v5-spacing-2, 4px);margin-inline-start: var(--hi-v5-spacing-2, 4px);padding: 0 var(--hi-v5-spacing-3, 6px);font-size: var(--hi-v5-text-size-sm, 0.75rem);border-radius: var(--hi-v5-border-radius-md, 4px);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);min-width: var(--hi-v5-text-lineheight-sm, 1.25rem);background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-800, #1a1d26);-webkit-transition-property: background-color, color;transition-property: background-color, color;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));}.hi-v5-tag-input-mock__tag--total:has(+ *) {-webkit-margin-end: var(--hi-v5-spacing-3, 6px);margin-inline-end: var(--hi-v5-spacing-3, 6px);}.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total.hi-v5-tag-input-mock__tag--active {background-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock__prefix {-webkit-margin-end: var(--hi-v5-spacing-4, 8px);margin-inline-end: var(--hi-v5-spacing-4, 8px);}.hi-v5-tag-input-mock__tags, .hi-v5-tag-input-mock__placeholder {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-700, #60636b);}.hi-v5-tag-input-mock--appearance-unset .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-700, #60636b);}.hi-v5-tag-input-mock__placeholder {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset .hi-v5-tag-input-mock__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock__tag, .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock__tag {max-width: 100%;-webkit-margin-end: var(--hi-v5-spacing-2, 4px);margin-inline-end: var(--hi-v5-spacing-2, 4px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 var(--hi-v5-spacing-4, 8px);vertical-align: middle;font-size: var(--hi-v5-text-size-sm, 0.75rem);color: var(--hi-v5-color-gray-800, #1a1d26);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--hi-v5-color-gray-200, #edeff2);border-radius: var(--hi-v5-border-radius-md, 4px);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 0;-ms-flex: none;flex: none;line-height: inherit;}.hi-v5-tag-input-mock__tag-content {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v5-tag-input-mock__tag-closed {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-margin-start: var(--hi-v5-spacing-2, 4px);margin-inline-start: var(--hi-v5-spacing-2, 4px);font-size: var(--hi-v5-text-size-sm, 0.75rem);-webkit-box-sizing: border-box;box-sizing: border-box;color: var(--hi-v5-color-gray-700, #60636b);cursor: pointer;}.hi-v5-tag-input-mock__tag-closed:hover {color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag-closed {cursor: not-allowed;color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag-closed:hover {color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--size-xs {font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-xs:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-6, 24px);}.hi-v5-tag-input-mock--size-xs:not(.hi-v5-tag-input-mock--appearance-borderless) {padding: 1px var(--hi-v5-spacing-4, 8px) 1px var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: 1px;margin-block-start: 1px;-webkit-margin-after: 1px;margin-block-end: 1px;}.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-3, 6px);margin-inline-start: var(--hi-v5-spacing-3, 6px);}.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--size-sm {font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-sm:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-7, 28px);}.hi-v5-tag-input-mock--size-sm:not(.hi-v5-tag-input-mock--appearance-borderless) {padding: 1px var(--hi-v5-spacing-4, 8px) 1px var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-2, 4px);margin-inline-start: var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--size-md {font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-md:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-8, 32px);}.hi-v5-tag-input-mock--size-md:not(.hi-v5-tag-input-mock--appearance-borderless) {padding: var(--hi-v5-spacing-1, 2px) var(--hi-v5-spacing-6, 12px) var(--hi-v5-spacing-1, 2px) var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-4, 8px);margin-inline-start: var(--hi-v5-spacing-4, 8px);}.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--size-lg {font-size: var(--hi-v5-text-size-lg, 1rem);line-height: var(--hi-v5-text-lineheight-lg, 1.5rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-lg:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-10, 40px);}.hi-v5-tag-input-mock--size-lg:not(.hi-v5-tag-input-mock--appearance-borderless) {padding: calc(var(--hi-v5-spacing-3, 6px) - 1px) var(--hi-v5-spacing-8, 16px) calc(var(--hi-v5-spacing-3, 6px) - 1px) var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-5, 10px);margin-inline-start: var(--hi-v5-spacing-5, 10px);}.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--appearance-line {border-color: var(--hi-v5-color-gray-400, #dbdde0);}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled):hover {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled).focused {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-unset {width: auto;max-width: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;border-color: transparent;}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused {background-color: var(--hi-v5-color-gray-100, #f2f4f7);}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag--total, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-filled {background-color: var(--hi-v5-color-gray-100, #f2f4f7);}.hi-v5-tag-input-mock--appearance-filled .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-filled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover {background-color: var(--hi-v5-color-static-white, #fff);border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-contained {background-color: var(--hi-v5-color-gray-100, #f2f4f7);border: none;}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock {width: auto;}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled) .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled) .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-700, #60636b);}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__value {overflow: hidden;white-space: nowrap;}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__label {-ms-flex-negative: 0;flex-shrink: 0;}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__value {text-overflow: ellipsis;}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__suffix {-webkit-padding-start: var(--hi-v5-spacing-4, 8px);padding-inline-start: var(--hi-v5-spacing-4, 8px);}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__value,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__suffix, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__value,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-primary-600, var(--hi-v5-color-brandblue-600, #1843d2));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__clear, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__clear {color: var(--hi-v5-color-primary-600, var(--hi-v5-color-brandblue-600, #1843d2));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__clear:hover, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__clear:hover {color: var(--hi-v5-color-primary-800, var(--hi-v5-color-brandblue-800, #051879));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-200, var(--hi-v5-color-brandblue-200, #b1cafc));color: var(--hi-v5-color-primary-600, var(--hi-v5-color-brandblue-600, #1843d2));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__tag--total.hi-v5-tag-input-mock__tag--active {background-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__value {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled {background-color: var(--hi-v5-color-gray-100, #f2f4f7);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__placeholder, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-500, #babcc2);}";
11
+ var css_248z = ".hi-v5-tag-input {position: relative;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v5-tag-input__container {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;min-width: 160px;font-size: var(--hi-v5-text-size-md, 0.875rem);vertical-align: middle;color: var(--hi-v5-color-static-black, #000);border: var(--hi-v5-border-size-normal, 1px solid) transparent;background-color: var(--hi-v5-color-static-white, #fff);-webkit-transition: all 0.3s;transition: all 0.3s;padding: var(--hi-v5-spacing-2, 4px) var(--hi-v5-spacing-5, 10px);display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: var(--hi-v5-height-8, 32px);overflow: hidden;border-color: var(--hi-v5-color-gray-400, #dbdde0);border-radius: var(--hi-v5-border-radius-md, 4px);}.hi-v5-tag-input__container:not(.disabled):hover {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input__container:not(.disabled).focused {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input__container.disabled {cursor: not-allowed;color: var(--hi-v5-color-gray-600, #91959e);background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input__container.disabled .hi-v5-tag-input__tag {background-color: var(--hi-v5-color-gray-300, #e6e8eb);}.hi-v5-tag-input__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input__suffix {font-size: var(--hi-v5-text-size-lg, 1rem);display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;min-width: use-width-size(8);}.hi-v5-tag-input__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: use-width-size(4);height: var(--hi-v5-height-4, 16px);font-size: var(--hi-v5-text-size-md, 0.875rem);color: var(--hi-v5-color-gray-600, #91959e);-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;-webkit-transition: all 0.3s;transition: all 0.3s;}.hi-v5-tag-input__clear:hover {color: var(--hi-v5-color-static-black, #000);}.hi-v5-tag-input__value {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: var(--hi-v5-text-lineheight-md, 1.375rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);}.hi-v5-tag-input__tags {-webkit-box-flex: 0;-ms-flex: 0 1 auto;flex: 0 1 auto;display: inline-block;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;white-space: nowrap;height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-margin-before: calc(-1 * var(--hi-v5-spacing-2, 4px));margin-block-start: calc(-1 * var(--hi-v5-spacing-2, 4px));position: relative;}.hi-v5-tag-input__tag, .hi-v5-tag-input__tag--left {display: inline-block;-webkit-margin-end: var(--hi-v5-spacing-2, 4px);margin-inline-end: var(--hi-v5-spacing-2, 4px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 var(--hi-v5-spacing-4, 8px);vertical-align: middle;font-size: var(--hi-v5-text-size-sm, 0.75rem);color: #333;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--hi-v5-color-gray-200, #edeff2);border-radius: var(--hi-v5-border-radius-md, 4px);}.hi-v5-tag-input__tag--total {display: inline-block;-webkit-margin-end: var(--hi-v5-spacing-3, 6px);margin-inline-end: var(--hi-v5-spacing-3, 6px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 var(--hi-v5-spacing-4, 8px);vertical-align: middle;font-size: var(--hi-v5-text-size-sm, 0.75rem);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--hi-v5-color-primary-100, var(--hi-v5-color-brandblue-100, #e5ecff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));border-radius: var(--hi-v5-border-radius-md, 4px);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);cursor: inherit;}.hi-v5-tag-input__tag {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}.hi-v5-tag-input__tag-content {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v5-tag-input__tag-closed {-webkit-margin-start: var(--hi-v5-spacing-4, 8px);margin-inline-start: var(--hi-v5-spacing-4, 8px);font-size: var(--hi-v5-text-size-sm, 0.75rem);-webkit-box-sizing: border-box;box-sizing: border-box;color: rgb(142, 142, 142);cursor: pointer;}.disabled .hi-v5-tag-input__tag-closed {cursor: not-allowed;}.hi-v5-tag-input__tag--left {margin: 0;max-width: 54px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}.hi-v5-tag-input--nowrap .hi-v5-tag-input__value {width: calc(100% - 64px);overflow-x: hidden;}.hi-v5-tag-input--wrap .hi-v5-tag-input__value {height: auto;}.hi-v5-tag-input--wrap .hi-v5-tag-input__tags {white-space: normal;-webkit-margin-before: calc(-1 * var(--hi-v5-spacing-2, 4px));margin-block-start: calc(-1 * var(--hi-v5-spacing-2, 4px));}.hi-v5-tag-input--wrap .hi-v5-tag-input__tag {-webkit-margin-before: var(--hi-v5-spacing-2, 4px);margin-block-start: var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input--expanded {position: relative;}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand {position: absolute;inset-block-start: 0;inset-inline-start: 0;height: auto;z-index: 1;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;min-width: 160px;font-size: var(--hi-v5-text-size-md, 0.875rem);vertical-align: middle;color: var(--hi-v5-color-static-black, #000);border: var(--hi-v5-border-size-normal, 1px solid) transparent;background-color: use-color-statc(\"white\");-webkit-transition: all 0.3s;transition: all 0.3s;padding: 3px 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;min-height: var(--hi-v5-height-8, 32px);overflow: hidden;border-radius: var(--hi-v5-border-radius-md, 4px);border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__value {height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;max-height: 74px;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;overflow: scroll;-webkit-padding-start: var(--hi-v5-spacing-5, 10px);padding-inline-start: var(--hi-v5-spacing-5, 10px);}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__tags {white-space: normal;-webkit-margin-before: calc(-1 * var(--hi-v5-spacing-2, 4px));margin-block-start: calc(-1 * var(--hi-v5-spacing-2, 4px));}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__tag {-webkit-margin-before: var(--hi-v5-spacing-2, 4px);margin-block-start: var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input--expanded .hi-v5-tag-input__container__expand .hi-v5-tag-input__suffix {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding: var(--hi-v5-spacing-2, 4px) var(--hi-v5-spacing-5, 10px) var(--hi-v5-spacing-2, 4px) 0;position: sticky;inset-block-start: 0;}.hi-v5-tag-input-mock {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: text;background-color: transparent;-webkit-tap-highlight-color: transparent;position: relative;overflow: hidden;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));width: 100%;height: auto;z-index: auto;font-size: inherit;line-height: inherit;color: var(--hi-v5-color-gray-800, #1a1d26);border: var(--hi-v5-border-size-normal, 1px solid) var(--hi-v5-color-static-transparent, transparent);background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock:not(.hi-v5-tag-input-mock--disabled):hover {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-tag-input-mock:not(.hi-v5-tag-input-mock--disabled).focused {z-index: calc(var(--hi-v5-zindex-absolute, 1) + 1);}.hi-v5-tag-input-mock.hi-v5-tag-input-mock--disabled {cursor: not-allowed;}.hi-v5-tag-input-mock--wrap {height: auto;}.hi-v5-tag-input-mock--wrap .hi-v5-tag-input-mock__value {height: auto;}.hi-v5-tag-input-mock--wrap .hi-v5-tag-input-mock__tags {white-space: normal;}.hi-v5-tag-input-mock__prefix, .hi-v5-tag-input-mock__suffix, .hi-v5-tag-input-mock__secondary-suffix {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-ms-flex-negative: 0;flex-shrink: 0;color: var(--hi-v5-color-static-black, #000);font-size: var(--hi-v5-text-size-lg, 1rem);padding: 0;text-align: center;}.hi-v5-tag-input-mock__clear {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: var(--hi-v5-height-4, 16px);height: var(--hi-v5-height-4, 16px);font-size: var(--hi-v5-text-size-lg, 1rem);color: var(--hi-v5-color-gray-700, #60636b);text-align: center;-ms-flex-negative: 0;flex-shrink: 0;cursor: pointer;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));}.hi-v5-tag-input-mock__clear:hover {color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock__tags {position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;white-space: nowrap;overflow: hidden;height: 100%;}.hi-v5-tag-input-mock__tag--total {display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: inherit;-webkit-margin-start: var(--hi-v5-spacing-2, 4px);margin-inline-start: var(--hi-v5-spacing-2, 4px);padding: 0 var(--hi-v5-spacing-3, 6px);font-size: var(--hi-v5-text-size-sm, 0.75rem);border-radius: var(--hi-v5-border-radius-md, 4px);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);min-width: var(--hi-v5-text-lineheight-sm, 1.25rem);background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-800, #1a1d26);-webkit-transition-property: background-color, color;transition-property: background-color, color;-webkit-transition-duration: var(--hi-v5-motion-duration-normal, 200ms);transition-duration: var(--hi-v5-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v5-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));}.hi-v5-tag-input-mock__tag--total:has(+ *) {-webkit-margin-end: var(--hi-v5-spacing-3, 6px);margin-inline-end: var(--hi-v5-spacing-3, 6px);}.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total.hi-v5-tag-input-mock__tag--active {background-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock__prefix {-webkit-margin-end: var(--hi-v5-spacing-4, 8px);margin-inline-end: var(--hi-v5-spacing-4, 8px);}.hi-v5-tag-input-mock__tags, .hi-v5-tag-input-mock__placeholder {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;}.hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-700, #60636b);}.hi-v5-tag-input-mock--appearance-unset .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-700, #60636b);}.hi-v5-tag-input-mock__placeholder {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset .hi-v5-tag-input-mock__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock__tag, .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock__tag {max-width: 100%;-webkit-margin-end: var(--hi-v5-spacing-2, 4px);margin-inline-end: var(--hi-v5-spacing-2, 4px);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 var(--hi-v5-spacing-4, 8px);vertical-align: middle;font-size: var(--hi-v5-text-size-sm, 0.75rem);color: var(--hi-v5-color-gray-800, #1a1d26);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: var(--hi-v5-color-gray-200, #edeff2);border-radius: var(--hi-v5-border-radius-md, 4px);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 0;-ms-flex: none;flex: none;line-height: inherit;}.hi-v5-tag-input-mock__tag-content {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box;}.hi-v5-tag-input-mock__tag-closed {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-margin-start: var(--hi-v5-spacing-2, 4px);margin-inline-start: var(--hi-v5-spacing-2, 4px);font-size: var(--hi-v5-text-size-sm, 0.75rem);-webkit-box-sizing: border-box;box-sizing: border-box;color: var(--hi-v5-color-gray-700, #60636b);cursor: pointer;}.hi-v5-tag-input-mock__tag-closed:hover {color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag-closed {cursor: not-allowed;color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag-closed:hover {color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--size-xs {font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-xs:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-6, 24px);}.hi-v5-tag-input-mock--size-xs:not(.hi-v5-tag-input-mock--appearance-borderless) {padding: 1px var(--hi-v5-spacing-4, 8px) 1px var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: 1px;margin-block-start: 1px;-webkit-margin-after: 1px;margin-block-end: 1px;}.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-3, 6px);margin-inline-start: var(--hi-v5-spacing-3, 6px);}.hi-v5-tag-input-mock--size-xs .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--size-sm {font-size: var(--hi-v5-text-size-sm, 0.75rem);line-height: var(--hi-v5-text-lineheight-sm, 1.25rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-sm:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-7, 28px);}.hi-v5-tag-input-mock--size-sm:not(.hi-v5-tag-input-mock--appearance-borderless) {padding-block: 1px;padding-inline: var(--hi-v5-spacing-2, 4px) var(--hi-v5-spacing-4, 8px);}.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-2, 4px);margin-inline-start: var(--hi-v5-spacing-2, 4px);}.hi-v5-tag-input-mock--size-sm .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--size-md {font-size: var(--hi-v5-text-size-md, 0.875rem);line-height: var(--hi-v5-text-lineheight-md, 1.375rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-md:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-8, 32px);}.hi-v5-tag-input-mock--size-md:not(.hi-v5-tag-input-mock--appearance-borderless) {padding-block: var(--hi-v5-spacing-1, 2px);padding-inline: var(--hi-v5-spacing-2, 4px) var(--hi-v5-spacing-6, 12px);}.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-4, 8px);margin-inline-start: var(--hi-v5-spacing-4, 8px);}.hi-v5-tag-input-mock--size-md .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--size-lg {font-size: var(--hi-v5-text-size-lg, 1rem);line-height: var(--hi-v5-text-lineheight-lg, 1.5rem);border-radius: var(--hi-v5-border-radius-lg, 6px);}.hi-v5-tag-input-mock--size-lg:not(.hi-v5-tag-input-mock--wrap) {height: var(--hi-v5-height-10, 40px);}.hi-v5-tag-input-mock--size-lg:not(.hi-v5-tag-input-mock--appearance-borderless) {padding-block: calc(var(--hi-v5-spacing-3, 6px) - 1px);padding-inline: var(--hi-v5-spacing-2, 4px) var(--hi-v5-spacing-8, 16px);}.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__tag,.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__placeholder {-webkit-margin-before: var(--hi-v5-spacing-1, 2px);margin-block-start: var(--hi-v5-spacing-1, 2px);-webkit-margin-after: var(--hi-v5-spacing-1, 2px);margin-block-end: var(--hi-v5-spacing-1, 2px);}.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__prefix,.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: var(--hi-v5-spacing-5, 10px);margin-inline-start: var(--hi-v5-spacing-5, 10px);}.hi-v5-tag-input-mock--size-lg .hi-v5-tag-input-mock__prefix + .hi-v5-tag-input-mock__placeholder {-webkit-margin-start: 0;margin-inline-start: 0;}.hi-v5-tag-input-mock--appearance-line {border-color: var(--hi-v5-color-gray-400, #dbdde0);}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled):hover {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled).focused {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-line:not(.hi-v5-tag-input-mock--disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-unset {width: auto;max-width: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;border-color: transparent;}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused {background-color: var(--hi-v5-color-gray-100, #f2f4f7);}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag--total, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled):hover.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total, .hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).focused.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-unset:not(.hi-v5-tag-input-mock--disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-filled {background-color: var(--hi-v5-color-gray-100, #f2f4f7);}.hi-v5-tag-input-mock--appearance-filled .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-filled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover {background-color: var(--hi-v5-color-static-white, #fff);border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled):hover.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused {border-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));background-color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).focused.hi-v5-tag-input-mock--expandable .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).invalid {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-filled:not(.hi-v5-tag-input-mock--disabled).invalid.hover {border-color: var(--hi-v5-color-danger-500, var(--hi-v5-color-red-500, #fa4646));}.hi-v5-tag-input-mock--appearance-contained {background-color: var(--hi-v5-color-gray-100, #f2f4f7);border: none;}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock {width: auto;}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled) .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled) .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-700, #60636b);}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__value {overflow: hidden;white-space: nowrap;}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__label {-ms-flex-negative: 0;flex-shrink: 0;}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__value {text-overflow: ellipsis;}.hi-v5-tag-input-mock--appearance-contained .hi-v5-tag-input-mock__suffix {-webkit-padding-start: var(--hi-v5-spacing-4, 8px);padding-inline-start: var(--hi-v5-spacing-4, 8px);}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover {background-color: var(--hi-v5-color-primary-50, var(--hi-v5-color-brandblue-50, #edf2ff));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__value,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__suffix, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__value,.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-primary-600, var(--hi-v5-color-brandblue-600, #1843d2));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__clear, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__clear {color: var(--hi-v5-color-primary-600, var(--hi-v5-color-brandblue-600, #1843d2));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__clear:hover, .hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled):hover .hi-v5-tag-input-mock__clear:hover {color: var(--hi-v5-color-primary-800, var(--hi-v5-color-brandblue-800, #051879));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-primary-200, var(--hi-v5-color-brandblue-200, #b1cafc));color: var(--hi-v5-color-primary-600, var(--hi-v5-color-brandblue-600, #1843d2));}.hi-v5-tag-input-mock--appearance-contained:not(.hi-v5-tag-input-mock--disabled).hi-v5-tag-input-mock--has-value .hi-v5-tag-input-mock__tag--total.hi-v5-tag-input-mock__tag--active {background-color: var(--hi-v5-color-primary-500, var(--hi-v5-color-brandblue-500, #2660ff));color: var(--hi-v5-color-static-white, #fff);}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__label,.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__value {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--appearance-contained.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled {background-color: var(--hi-v5-color-gray-100, #f2f4f7);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__placeholder, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-line.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix, .hi-v5-tag-input-mock--appearance-filled.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-500, #babcc2);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__tag--total {background-color: var(--hi-v5-color-gray-200, #edeff2);color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__placeholder {color: var(--hi-v5-color-gray-600, #91959e);}.hi-v5-tag-input-mock--appearance-unset.hi-v5-tag-input-mock--disabled .hi-v5-tag-input-mock__suffix {color: var(--hi-v5-color-gray-500, #babcc2);}";
12
12
  __styleInject__(css_248z);
13
13
  export { css_248z as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/tag-input",
3
- "version": "5.0.0-experimental.2",
3
+ "version": "5.0.0",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -44,26 +44,25 @@
44
44
  "url": "https://github.com/XiaoMi/hiui/issues"
45
45
  },
46
46
  "dependencies": {
47
- "@hi-ui/classname": "^5.0.0-experimental.0",
48
- "@hi-ui/env": "^5.0.0-experimental.0",
49
- "@hi-ui/func-utils": "^5.0.0-experimental.0",
50
- "@hi-ui/icons": "^5.0.0-experimental.1",
51
- "@hi-ui/type-assertion": "^5.0.0-experimental.0",
52
- "@hi-ui/use-latest": "^5.0.0-experimental.0",
53
- "@hi-ui/use-merge-refs": "^5.0.0-experimental.0",
54
- "@hi-ui/use-outside-click": "^5.0.0-experimental.0",
55
- "@hi-ui/use-uncontrolled-state": "^5.0.0-experimental.0",
56
- "react-resize-detector": "^6.7.6",
57
- "@hi-ui/use-merge-semantic": "^5.0.0-experimental.0"
47
+ "@hi-ui/classname": "^5.0.0",
48
+ "@hi-ui/env": "^5.0.0",
49
+ "@hi-ui/func-utils": "^5.0.0",
50
+ "@hi-ui/icons": "^5.0.0",
51
+ "@hi-ui/type-assertion": "^5.0.0",
52
+ "@hi-ui/use-latest": "^5.0.0",
53
+ "@hi-ui/use-merge-refs": "^5.0.0",
54
+ "@hi-ui/use-outside-click": "^5.0.0",
55
+ "@hi-ui/use-uncontrolled-state": "^5.0.0",
56
+ "react-resize-detector": "^6.7.6"
58
57
  },
59
58
  "peerDependencies": {
60
- "@hi-ui/core": ">=5.0.0-experimental.1",
59
+ "@hi-ui/core": ">=5.0.0",
61
60
  "react": ">=16.8.6",
62
61
  "react-dom": ">=16.8.6"
63
62
  },
64
63
  "devDependencies": {
65
- "@hi-ui/core": "^5.0.0-experimental.1",
66
- "@hi-ui/core-css": "^5.0.0-experimental.2",
64
+ "@hi-ui/core": "^5.0.0",
65
+ "@hi-ui/core-css": "^5.0.0",
67
66
  "react": "^17.0.1",
68
67
  "react-dom": "^17.0.1"
69
68
  }